jQuery:检查图像是否存在

Question

我正在通过 jQuery $.ajax 加载图像路径，在显示图像之前我想检查它是否确实存在。我可以使用图像加载/就绪事件或类似的事件来确定文件路径是否有效？

将 .myimage 设置为显示:无，我希望做类似的事情

$(".myimage").attr("src", imagePath);
$(".myimage").load(function() {
    $(this).show();
});

这样的事情可能吗？

Answer 1

嗯，你可以绑定(bind).error()处理程序...

更新:在 jQuery 3.0 及更高版本中:

$(".myimage").on("error", function() {
    $(this).hide();
});

注:.error()在 jQuery 1.8 中已弃用并在 3.0 中删除，但在旧版本中您可以:

$(".myimage").error(function(){
  $(this).hide();
});

嗯，你的 load-event 已经可以了

$(".myimage").load(function() {
    $(this).show();
});

问题是如果 JavaScript 被禁用，图像将永远不会显示...