javascript - 在图像完全加载之前使用 Javascript 获取图像尺寸

Question

我读过有关在图像完全加载后获取图像尺寸的各种方法，但是是否有可能在图像刚开始加载时获取任何图像的尺寸？

我没有通过搜索找到太多相关信息(这让我相信这是不可能的)，但事实上浏览器(在我的例子中是 Firefox)显示了我在新标签页中打开的任何图像的尺寸刚开始加载图像后的标题让我希望确实有办法，我只是错过了找到它的正确关键字。

Answer 1

您说得对，可以在图像完全加载之前获取图像尺寸。

这是一个解决方案(demo):

var img = document.createElement('img');

img.src = 'some-image.jpg';

var poll = setInterval(function () {
    if (img.naturalWidth) {
        clearInterval(poll);
        console.log(img.naturalWidth, img.naturalHeight);
    }
}, 10);

img.onload = function () { console.log('Fully loaded'); }