javascript - 如何检查图像是否加载？

Question

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

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

score 4 · Accepted Answer

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

但我相信你也可以onload在 webkit 浏览器上使用（全部低容量）：

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

当心一个常见的错误：你必须在设置 onload后设置 src ，否则如果图像在缓存中，onload 回调将不会被调用。

score 3 · Accepted Answer

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

2 回答 2