正如您所见,当网页加载大图时,浏览器可以在加载开始时知道图片的大小(宽度和高度)。
我正在寻找一种在Javascript中添加事件的方法,该事件在大小已知时调用(而不是在完整图像加载完成后);有点像视频中的metadataloaded
。
代码示例:
var img = new Image();
img.src = 'images/picture.jpg';
console.log(img.width,img.height); // 0, 0 (image size is not known yet)
img.addEventListener('imagesizeloaded', () => {
console.log(img.width,img.height); //expected: 1024, 768 (for example)
});
load
是唯一的选择。 - Pekka