在前端获取图片宽高

问题描述：

最近遇到一个需求，需要在前端根据图片宽高来适配图片显示效果

但是如何仅通过一个 url 获取到图片的宽高呢。。。

 

解决方案：

手动创建一个 image 对象，然后在该对象的 onload 事件中获取

checkImgWidth (fileUrl) {
    return new Promise((resolve, reject) => {
        let img = new Image();
        let res = {}

        img.onload = function () {
            res = {
                width: this.width,
                height: this.height
            }
            resolve(res)
        }
        img.src = fileUrl
    })
}