src URLから画像をロードできない場合のキャッチ

Question

JavaScriptを使用してウェブページ内の画像を動的に読み込む必要がありますが、読み込みに失敗した場合はどうすればいいですか？例えば
：

try{ 
    var img = new Image(); 
    img.src = "404_not_found.png"; 
} catch(err) { 
    // tried this but didn't work 
} 

はい、私は私もonloadに画像を待っていないよしかし、404が発生したときに、オンロードの方法はとにかく呼び出されません知っています。

Answer 1

プロパティを割り当てる前に、onload、onerror、およびハンドラ関数を設定する必要があります。また、タイマが起動したときにハンドラのどれも呼び出されていなければ、ロードされないと想定できるようにタイマーを設定することもできます。ここで

は作業例です：http://jsfiddle.net/jfriend00/48JmQ/

var img = new Image(); 
img.onerror = function() {alert("error")}; 
img.onabort = function() {alert("abort")}; 
img.onload = function() {alert("success")}; 
img.src = "404_not_found.png";