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

我需要在Javascript中动态加载网页中的图像，但需要捕获如果任何图像无法加载，我如何才能做到这一点？
例如：

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

---

是的，我知道我甚至没有等待映像加载到

onload

，但是当发生404时，onload方法不会被调用。

在分配

.src

属性之前，需要设置

onload

、

onerror

和

onabort

处理程序函数。而且，您可能还想设置一个计时器，这样您就可以假设，如果计时器启动时没有调用任何处理程序，那么它将不会加载

下面是一个工作示例：

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";