javascript - 如何在一处检测图像上的 403 错误？

Question

当我的网站在阻止某些域的组织内使用时引发此错误 - 即社交网站等。它们只是指向这些域上的图像的链接，使用<img src = "">

从 Chrome 控制台

加载资源失败：服务器响应状态为 403 (Forbidden: category denied) “Followed by URL”

如何实际检测此错误并使用默认图像显示？

Answer 1

我找到了这个：

 function imgError(image){
        image.onerror = "";
        image.src = "/images/noimage.gif";
        return true;
    }

    <img src="someimage.png" onerror="imgError(this);"/>

Answer 2

如果你使用 jquery，你可以这样做：

$("img").error(function(){
    $(this).attr("src", "default-image.png");
  });

Answer 3

您可以使用onerror属性执行 JavaScript 函数来更改src属性。

http://www.w3schools.com/jsref/event_img_onerror.asp