首页 > JS上传图片时获取图片的宽高?七牛的sdk有这样的方法吗?

JS上传图片时获取图片的宽高?七牛的sdk有这样的方法吗?

JS上传图片时获取图片的宽高?七牛的sdk有这样的方法吗?


js 上传图片时候获取图片高度的方法是

自己 创建一个 Image 对象和一个FileReader对象
然后 用filerReader 读取file
再把 获取的 result 塞进 img.src 中去
这时候 你就可以获取到高度了

要注意 Image 和 FileReader 两个对象的onload 都是移步的,于是你要控制好回调。

这里贴一段coffee 你将就看看吧。。。实在不行也可以上 js2.coffee转换成js看。

      img = new Image()
      reader = new FileReader()
      canvas = document.createElement("canvas")
      
      reader.onload = (e)->
        try
          img.src = e.target.result
        catch e
          console.error 'fucked.....'
        
      img.onload = (e)->
        width = img.width
        height = img.height
      
      reader.readAsDataURL(your_media_file) # <---- this is fake name.

我的七牛前端上传部分,没有使用七牛的sdk,因为一些业务逻辑不符合实际的需求,而且我认为它写的太糟糕了,实话实说。。。

【热门文章】
【热门文章】