属性"width"在类型"全局事件处理程序"上不存在

Question

我将得到一个图像的大小，按照本教程，但我得到一个TypeScript错误:

const img = new Image();
img.onload = function() {
alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

如何获取图像大小(height &宽度)使用JavaScript?

属性'width'在类型'GlobalEventHandlers'上不存在。

该怎么办?

Answer 1

加载处理程序的this没有输入到图像中。直接引用图片

const img = new Image();
img.onload = function() {
console.log(img.width + 'x' + img.height);
}

或者使用addEventListener

img.addEventListener('load', function() {
console.log(this.width + 'x' + this.height);
})