我可以通过JavaScript检测图像是显示替代文字还是损坏的图片图片?

时间:2014-11-21 07:38:36

标签: javascript html css image http-status-code-404

我正在尝试加载一些数字图像,有些会产生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和失败的请求都会触发onerror处理程序,我无法区分错误原因。

但是,在屏幕上,我可以看到404与浏览器broken image一起显示,而失败的请求显示alt文字。

问题
如果浏览器默认为损坏的图像或alt文本,有没有办法通过JavaScript找到?在将图像标记放在屏幕上之前最好。

我尝试了image.completeimage.naturalWidth|Height,但这就是我所知道的所有技巧。也许有人可以用更多魔法来筹码。

谢谢!

0 个答案:

没有答案