Javascript 如何检查后台img是否加载失败？

正如标题所说。我希望能够确定后台img是否加载失败。我环顾四周，看到了大量的信息，但遗憾的是，它们中的任何一个都不能为我工作

我看到了一个非常好的插件，它描述了如何使用名为waitForImages的插件，该插件位于：

我似乎无法得到未加载的工作。现在，如果有人有更好的方法，我会敞开心扉！只要我能得到一个警报说它失败了。我推了一个假网址，所以它应该回来与链接不工作

代码：

---

您可以这样做：

$('<img/>').load("/assets/img/cover-audio.png", function(res, status, xhr) {
    if(status == "error"){
         alert("Image not loaded");
    }
    else{
         $(this).remove(); 
         $("#cover-art").css('background-image', 'url(/assets/img/cover-adio.png)');
    }
});

加载（“/assets/img/cover audio.png”，函数（res、status、xhr）{ 如果（状态=“错误”）{ 警报（“图像未加载”）； } 否则{ $（this.remove（）； $（“#封面艺术”）.css（'background-image'，'url（/assets/img/cover-adio.png））； } }); 这是一张工作票

---

信用证：

我不知道是否有办法通过客户端javascript检查给定url是否存在。但是你可以试试这个把戏

地位：

var imgtowatch=document.getElementById（“foo_img”）；
var事件=[“加载”，“错误”]；
事件。forEach（函数（ev）{
imgtowatch.addEventListener（ev，函数（）{
document.getElementById（“结果”）.innerHTML=ev；
});
});

看看这个，我试过大多数，但它们是用于img标签而不是背景img？如果他们也是背景img，现在不知道如何连接它。这看起来很有希望，但它总是获得成功的状态？不知道为什么？我控制台记录的状态，并总是成功返回。当我输入的位置不存在时？@irishwill200这听起来很奇怪。如果我更改URL，fiddle工作正常。如果我使用你的fiddle代码，它工作正常，但只要我更改代码以适应服务器上的本地映像，它就会成功返回？即使url是假的。\ irish200也会尝试调试它。你在控制台中没有看到任何错误吗？没有出现错误，很遗憾它不起作用。谢谢你！

$('<img/>').load("/assets/img/cover-audio.png", function(res, status, xhr) {
    if(status == "error"){
         alert("Image not loaded");
    }
    else{
         $(this).remove(); 
         $("#cover-art").css('background-image', 'url(/assets/img/cover-adio.png)');
    }
});