我可以通过JavaScript检测图像是否显示alt文本或损坏的图像图片吗？

我正在尝试加载一些图像，一些图像将生成404，一些请求被中止

如果我有这个：

function addImage(my_image_path) {
  img = document.createElement('img');
  img.onerror = function (evt) {
    console.log("nope");
    console.log(evt);
  };

  img.alt = "COULD NOT DISPLAY IMAGE"
  img.src = some_path_to_image;
  document.body.appendChild(img);
}

404和失败的请求都会触发OneError处理程序，我无法区分错误的原因

但是在屏幕上，我可以看到404显示在浏览器

断开的图像

，而失败的请求显示

alt

文本

问题
有没有办法通过JavaScript来确定浏览器是否默认为断开的图像或alt文本？最好在将图像标签放到屏幕上之前

我试过

image.complete

，

image.naturalWidth | Height

，但这就是我知道的所有技巧。也许有人能施展更多的魔法

---

谢谢

这取决于浏览器，所以我不确定是否有真正可靠的方法。刚刚在IE、Chrome和Firefox的最新版本中进行的快速测试显示，所有浏览器中的alt文本都带有404图像（）。IE和Chrome还显示了一个“破碎图像”图标。如果您的目标只是确保始终显示alt文本，那么它似乎是。或者，您可以检测任何错误，删除图像标记，然后在其位置插入文本。