在前端獲取圖片寬高

問題描述：

最近遇到一個需求，需要在前端根據圖片寬高來適配圖片顯示效果

但是如何僅通過一個 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
    })
}