近期做一个前端项目的时候，需要对引用远程图片的宽度和高度进行限制，如果引用的图片宽度和高度超过了某个值，则不让引用并给出提示，如果是给出固定的图片地址，那有很多方法能给出图片的宽高，下面我们需要在动态引用图片的时候来获取。

JS获取img图片原始尺寸高度与宽度

通过Image对象，异步获取图片尺寸

let url = "http://www.kw360.net/public/image/logo.png";

function getImageSize(url) {
    return new Promise(function (resolve, reject) {
        let image = new Image();
        image.onload = function () {
            resolve({
                width: image.width,
                height: image.height
            });
        };
        image.onerror = function () {
            reject(new Error('error'));
        };
        image.src = url;
    });
}

(async () => {
    let size = await getImageSize(url);
    console.log(size);
})();
// {width: 290, height: 64}

相关链接：JS获取img图片原始尺寸高度与宽度的七种方式