javascript - 画像エラー ハンドラから応答ヘッダーを読み取る

Question

ページに<img />要素があり、そのsrc属性は Javascript によって定期的に変更されます。

属性が変更されるsrcと、サーバー上の私のコードは次をチェックします。

1. ユーザーはログインしていますか?
2. 画像は存在しますか？

403 Forbiddenそれに応じて、画像またはエラー ヘッダー (ステータスまたは)を含む応答のいずれかを送信します404 Not Found。

ここに私の問題があります：私は次のコードでimgエラーを処理します

$(function(){
    var $img = $('#test_image');
    $img.on('error',function(e){
        // here, I need to read the headers (at least status code)
        console.log(e);
    }).attr('src','http://example.com/loadimg.php?img=3');
});

セッションの有効期限が切れたためにユーザーが画像を読み込めない場合、または読み込もうとしている画像が存在しない場合は、明確なエラー メッセージを表示する必要があります。

eventObjectハンドラーからの応答ヘッダーやステータス コードはどこにありますか?

jsfiddle