Javascriptで画像固有のエラーをキャッチ

Question

画像が特定の理由で読み込みに失敗したとき、たとえばDenied load of "url"をキャッチしようとしています。私はonerrorを使ってみましたが、それはすべてのエラーで起動します。 onerrorやそれ以外の方法を指定する方法はありますか？

Answer 1

あなたはこのよう

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

でそれを行うことができます今、あなたはこのように、

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

Answer 2

It'sないかのうに関数を呼び出すことができますが、通常は問題はこのようなものです： "エラー404リソースが見つかりました"または "リソースをロードできませんでした：net :: ERR_FILE_NOT_FOUND"。

しかし、GETタイプでajaxリクエストを作成し、エラーをキャッチすることができます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script> 
 
function CheckImageError(img){ 
 
    \t \t var urlimg = img.attributes.src.ownerElement.currentSrc ; 
 
    \t \t $.ajax({ 
 
    \t \t \t type:"GET", 
 
    \t \t \t url:urlimg , 
 
      context: img, 
 
    \t \t \t error:function(requestObject, error, errorThrown){ 
 
    \t \t \t \t // trace console.log or other action 
 
    \t \t \t }, 
 
    \t \t \t complete: function(){ 
 
    \t \t \t \t //do something 
 
       $(this).css("border","1px solid red"); 
 
    \t \t \t } 
 
    \t \t }) 
 
    \t } 
 
</script> 
 

 
<img onerror="CheckImageError(this)" src="image.gif">

あなたはあまりにもすべてのエラーのために働くこと、申し訳ありませんが、XMLHttpRequestオブジェクトのプロパティ