jquery检查图片是否加载

Question

可能的重复：
图像加载时的 jQuery 回调（即使图像已缓存）

有没有办法检查图像是否由 jquery 加载？我有一些带有外部源的图像，有时 src指向404页面。有没有办法检查该图像是否已加载？然后我可以将它从 dom 中删除。

谢谢。

Answer 1

jQuery 有一个函数可以处理这个问题，看看 .error()

例如您可以将 .error() 处理程序附加到所有图像，并在存在以下情况时显示其他内容错误，就像源不再存在：

$('img').error(function() {
    $(this).hide();
}).attr("src", "missing.jpg");

这是一个演示

Answer 2

@Scoobler 的想法是正确的，但实现是错误的。

$(function ()
{
    $('img').error(function()
    {
        $(this).attr('src', 'https://i.sstatic.net/THJzu.gif');
    });
});

.error() 绑定必须在文档就绪时进行 - 窗口加载为时已晚。

演示：http://jsfiddle.net/mattball/EebmC/

Answer 3

是的，你可以像这样使用 error 事件......

$('#imageId')
  .error(function() {
    alert('Something bad happened.')
  })
  .attr("src", "image.gif");