2011-07-01 12 views
2

イメージが存在しないか、何らかの形でイメージが読み込まれない場合は、このメッセージがWebインスペクタに表示されないようにする方法がありますか?イメージの読み込みに失敗したときに「リソースを読み込めませんでした:サーバーが403(禁止)」のステータスで応答しましたか?

は、リソースの読み込みに失敗しました:サーバーは、(禁止)403の状態で応答し

を、私はこれらを試してみました:

<img src="/path.png" onerror="this.src = '/missing.png'; this.onerror = ''; return true;"/> 
<img src="/path.png" onerror="this.src = '/missing.png'; this.onerror = ''; return false;"/> 

をそして、私はjQueryの中でそれを試してみた:

$(document).ready(function() { 
    $("img").error(function(event) { 
    $(this).attr("src", "/missing.png"); 
    return false; 
    } 
}); 

これらのイベントハンドラのいずれかにアクセスする前に、そのメッセージが赤色で出力されますこのメッセージが表示されないようにする方法はありませんか?

$("img").live("error", function() { $(this).attr("src", "/missing.png"); }); 

ので、私が持っていないに:

理想的には、私はこれを行うことができるだろう

    <img onerror='x'/>
  1. と同じように、動的にロードされた上で動作しますジャバスクリプト
  2. 書き込みインライン画像。
+0

なぜ重要ですか? – thirtydot

+0

エラーを考慮していないというエラーが表示されます。それはアプリを壊れて見えるようにします。 –

+0

さて、それは*エラーです。また、ユーザーはWeb Inspectorをチェックしません。あなたは開発者として、単にエラーを無視できませんか? – thirtydot

答えて

2

残念ながら、<img>をDOMに追加する前に、画像の存在を確認する必要があります。このチェックは私が知る限りサーバー側で行わなければならないでしょう。 JQuery/AJAXでこれを実行しようとしても、404または403のエラーがコンソールに表示されます。

関連する問題