检测无法使用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";
}