如何检查图像是否已加载？

Question

是否可能以某种方式检查是否在没有函数.load（）或onLoad的情况下加载了图像？问题是类似webkit的浏览器无法正常使用此功能。

更新 问题出在http://en.wikipedia.org/wiki/Motion_JPEG - 加载只发射一次，否则流进行并加载新图像。

Answer 1

您可以检查img.width：如果未加载，则为0。

但我确信您也可以在webkit浏览器上使用onload（所有低上限）：

 img.onload=function(){
     console.log('loaded!');
 };
 img.src='something';

注意经常出错：你必须在设置onload后设置src ，否则如果图像在缓存中则不会调用onload回调。

示范：tested on Chrome, which is webkit based

Answer 2

我在项目中使用了这个https://github.com/desandro/imagesloaded，它对我来说很好用