javacriptで画像を読み込めませんでした

Question

JavaScriptで画像が読み込まれない場合は検出できますか？私はbase64をイメージに使用する予定ですが、IE 6や7などのブラウザはサポートしていません。だから、赤いxを表示する代わりに、私はそのようなエラーを検出し、非base64画像を表示したいと思います。以下は私の意図の例です：

PHP 
$base64Img = base64 String; 
print("<img src=\"data:image/jpeg; base64, ".$base64Img."\" />"); 


JavaScript IE 6 
catch img load error{ 
    errorImg.src = "ieSafeImg.jpg"; 
} 

Answer 1

エラーイベントにイベントハンドラを使用してください。

print("<img src=\"data:image/jpeg;base64," . $base64Img . "\" onerror=\"this.src='ieSafeImg.jpg';\" />"); 

Answer 2

イメージにはエラーイベントがあり、イメージのロード中にエラーが発生するとonerrorイベントが発生します。

<img src="image.gif" onerror="alert('The image could not be loaded.')" /> 

これは、エラーイベントの単なる例です。あなたはあなたの方法で使用することができます。

Answer 3

あなたがオブジェクトの上にカップルのエラーハンドラを設定することができます。

<img onerror="handleIEError()" onabort="handleIEError()" src=\"data:image/jpeg; base64, ".$base64Img."\" /> 

function handleIEError() { 
    this.src = "ieSafeImg.jpg"; 
}