在图像完整载入之前,先使用Javascript获取图像尺寸

一旦图像完全加载,我已经阅读了各种获取图像尺寸的方法,但是一旦开始加载,就可以获得任何图像的尺寸?

我没有通过搜索找到很多(这让我相信这是不可能的),但事实上,浏览器(在我的例子中是Firefox)显示了我在标题中的新选项卡中打开的任何图像的尺寸,它刚刚开始加载图像让我希望,实际上有一种方式,我只是错过了正确的关键字找到它。

您可以在图像尺寸完整载入前获得图像尺寸。

这是一个解决方案(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'); }
http://stackoverflow.com/questions/6575159/get-image-dimensions-with-javascript-before-image-has-fully-loaded

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:在图像完整载入之前,先使用Javascript获取图像尺寸