使用jquery加载检查所有图像

Question

我知道这是一个非常受欢迎的问题，但我从来没有找到明确的解决方案。我有一个动态生成的页面，可以加载大量图像。偶尔，由于我们自己没有错误，将会有一个不存在的图像的引用。什么是扫描所有图像以查找损坏的图像链接的最佳方法，或者更确切地说，最好是何时执行此操作，因为我理解：

 $(document).ready(

不是所有图像都已完成加载的最准确指示。如果它有助于所有图像共享一个类名.myImage。

感谢。

更新。我试过这个，但无法让它在Chrome中运行：

 $(window).load(function(){
     $('.myImage').error(function(){
         //do something
     });
 });

Answer 1

尝试使用.load()

$(window).load(function() {

)}

the docs here的解释

  

当load元素和所有子元素都有时，load事件被发送到元素   已完全装满。此事件可以发送到任何元素   与URL相关联：图像，脚本，框架，iframe和   窗口对象。

另一种方法是更新<img标记（如果可能的话）

<img src="yourimage.gif" onload="loaded(this)" />

然后，您可以使用loaded()功能来跟踪加载的图像。 Details on the load event

Answer 2

找到了这个。似乎可以做到这一点

imagesLoaded