在javascript中检测损坏图像的方法？

我需要能够检测图像是否损坏，并在图像链接损坏时替换为默认图像。我知道我可以用一个图像代理来实现这一点，但我希望能用javascript即时实现。

我相信这是

img

元素的

onerror

事件

onerror=function（）{}

尽管我从未使用过它。

您可以使用

代码示例：

<script language='javascript'>
function defaultImage(img)
{
    img.onerror = "";
    img.src = 'default.gif';
}
</script>
<img alt="My Image" src="someimage.gif" onerror="defaultImage(this);" />


函数defaultImage（img）
{
img.onerror=“”；
img.src='default.gif'；
}
作为任何事件，
onerror
将在DOM上向上传播，因此您可以为此类错误创建一个通用处理程序

<script type="text/javascript">
jQuery(document).bind('error', function(event) {
  console.log(event.target.src);
});
</script>


jQuery（文档）.bind（'error'，函数（事件）{
log（event.target.src）；
});
类似帖子：在通常情况下，这会很好。但我相当肯定，如果
default.gif
也被破坏/找不到，这将导致无限循环。这就是为什么在AC响应中，在defaultImage函数中将img.onerror设置为blank真是一种很好的方法！它在所有浏览器中都工作吗？中缺少相关信息