捕获图像无法从 src url 加载的位置

【问题标题】：Catching where an Image fails to load from a src url捕获图像无法从 src url 加载的位置
【发布时间】：2011-12-08 13:05:10
【问题描述】：

我需要在 Javascript 中动态加载网页中的图片，但需要捕获任何图片加载失败，我该怎么做？
例如：

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

是的，我知道我什至没有等待图像发送到onload，但是当发生 404 时，无论如何都不会调用 onload 方法。

【问题讨论】：

标签： javascript html image

【解决方案1】：

在分配.src 属性之前，您需要设置onload、onerror 和onabort 处理函数。而且，您可能还想设置一个计时器，以便在计时器触发时如果没有调用任何处理程序，则可以假设它不会加载。

这是一个工作示例：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";

【讨论】：