javascript - 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，因为一些业务逻辑不符合实际的需求，而且我认为它写的太糟糕了，实话实说。。。

这篇关于javascript - JS上传图片时获取图片的宽高？七牛的sdk有这样的方法吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！