在javascript中检测破碎图像的方法？

Question

我需要能够检测图像是否损坏，如果图像链接断开，则替换为默认图像。我知道我可以使用图像代理执行此操作，但希望能够使用javascript动态执行此操作。

Answer 1

我认为这是onerror元素的img事件。 onerror=function(){}虽然我从未使用它。

Answer 2

任何事件onerror将在DOM上向上传播，因此您可以为此类错误制作通用处理程序。

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

Answer 3

您可以使用<img onerror='doWhateverFunction()'等等

http://msdn.microsoft.com/en-us/library/cc197053(v=VS.85).aspx

Answer 4

代码示例：

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