Talk is cheap. Show me your code

在前端获取图片宽高

问题描述:

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

但是如何仅通过一个 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
    })
}
posted @ 2018-11-08 17:12  Wise.Wrong  阅读(1765)  评论(0编辑  收藏