javascript - 查看img的src是否存在

Question

当我放置一个 img 标签时，我会动态创建 src 属性。有没有一种方法可以测试 src(图像所在的路径)是否确实存在于 javascript 中以避免得到:

Answer 1

您可以使用 error事件:

var im = document.getElementById('imageID'); // or select based on classes
im.onerror = function(){
  // image not found or change src like this as default image:

   im.src = 'new path';
};

内嵌版本:

<img src="whatever" onError="this.src = 'new default path'" />

或者

<img src="whatever" onError="doSomething();" />

---

<img>标记支持这些事件:

• abort (中止)
• error (错误时)
• load (加载)

更多信息:

• JavaScript Events
• jQuery's error