javascript - 画像の 403 エラーを 1 か所で検出する方法は?

Question

このエラーは、私のサイトが特定のドメイン (ソーシャル サイトなど) をブロックする組織内で使用されている場合にスローされます。<img src = "">

Chrome コンソールから

リソースの読み込みに失敗しました: サーバーは 403 のステータスで応答しました (禁止: カテゴリは拒否されました) 「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

属性を使用してonerrorJavaScript 関数を実行し、属性を変更できsrcます。

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