HTTPステータスコードを取得する方法<img>タグ

Question

私は、ユーザーの操作に応じてサーバーサイドで生成される多数のイメージを持つページを持っています。イメージが正常に読み込まれると、私は満足していますが、サーバーにエラーが発生した場合、エラーが発生したことに応じて動作する必要があります。例えば

：

• 500のコード：このようなものを行います。
• 503コード：その原料

などを行います。

私の質問：「img」タグオンエラーイベントハンドラ内でステータスコードを取得する方法はありますか？

Answer 1

いいえ、JavaScriptのimgタグによって行われたリクエストからHTTPステータスを取得する方法はありません。

firefoxプラグイン、chrome/safari拡張機能を作成することができます。

代わりに、AJAXを使用して画像を読み込みます（imgタグを使用しない）。 AjaxリクエストからHTTPステータスコードを取得できます。

たとえば、jQueryを使って：

Answer 2

あなたは画像上のEventListenerを追加する必要があります。この方法でHTTPステータスを確認することができません

$('#your_image') 
    .error(function(e) { 
     //add your unhappy code here 

     //unbind if needed 
     $(this).unbind('error'); 
    }) 
    .load(function(e) { 
     //add your happy code here 

     //unbind if needed 
     $(this).unbind('load'); 
    }) 
    ; 

Answer 3

。しかし、画像がロードされたかどうかは、naturalWidthプロパティを使って確認できます。

if (img.naturalWidth === 0) { 
    // do sth 
} 

希望します。