检查页面上的图像是否损坏

Question

如何检查加载的图像是否已正确加载或损坏？我不想向图像添加 'onload' 事件。

在进入页面时，我需要确定页面上的任何图像是否已损坏。

谢谢！

Answer 1

您可以使用 Jquery 中的 load() 函数。例子

$("#Img").load(function() {
   alert('I loaded!');
});

Answer 2

检查 img 元素的 naturalWidth，如果 naturalWidth 为 0，则已损坏。

var x = document.getElementById("myImg").naturalWidth;

Answer 3

你可以使用jquery误差函数

$('img').error(function(){
        alert("miss " + $(this).attr("src") ); 
});

在函数中你可以做一些动作

Check if an image is broken on a page