檢測無法使用javascript加載圖像

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

Image有一個onerror事件，如果加載圖像時發生錯誤，則會觸發onerror事件。

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

這只是onerror事件的一個例子。 你可以按自己的方式使用它。

Answer 3

您可以在對象上設置幾個錯誤處理程序：

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

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