1. 程式人生 > >在前端獲取圖片寬高

在前端獲取圖片寬高

問題描述:

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

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