如何检查图像是否正在预加载？

Question

我想用javascript预加载图像，下面的方法看起来很简单但是如何检查图像是否已经预加载？谢谢 Preloading images with jQuery

Answer 1

我建议修改代码，将'onerror'事件处理程序添加到正在生成的img标记中。然后处理任何失败。

http://www.w3schools.com/jsref/event_onerror.asp

Answer 2

在图片的“onload”事件中创建一个日志条目。

myImage.onload = function(){

   console.log("Image Loaded!");

}

如果你不熟悉chrome的开发者工具或firefox的Firebug插件，你应该检查它们。他们让这样的事情变得轻而易举。

另外，请记住，某些浏览器需要在.onload事件之后定义image.src属性。