js获取图片宽度和高度的方法(即粘即用)

224 阅读1分钟

主要思路

根据传入的图片url,异步加载图片,将其高度和宽度返回出来:

function getImageWH(url: string) {
  return new Promise((resolve, reject) => {
    const img = new Image();
    img.onload = function() {
      resolve({ width: img.width, height: img.height });
    };
    img.onerror = function() {
      reject(new Error('Could not load image at ' + url));
    };
    img.src = url;
  });
}

注意

加载时尽量采用异步的方式,不要使用同步的方式,否则会造成页面的卡顿