主要思路
根据传入的图片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;
});
}
注意
加载时尽量采用异步的方式,不要使用同步的方式,否则会造成页面的卡顿