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

时间:2012-09-07 13:05:43

标签: javascript jquery

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

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

2 个答案:

答案 0 :(得分:4)

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

但我确信您也可以在webkit浏览器上使用onload(所有低上限):

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

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

示范:tested on Chrome, which is webkit based

答案 1 :(得分:3)

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