看看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> tag支持以下事件:

• abort (onAbort)
• error (onerror的)
• load (负载)

更多信息:

• JavaScript事件
• jQuery的 error

Answer 2

您可以进行先前的ajax调用(使用head方法)并查看服务器返回代码,或者您可以使用onerrorevent来更改url或使其隐藏,例如

<img src="notexist.jpg" onerror="this.style.visibility = 'hidden'">

(我使用了内联属性来解释这个想法)

Answer 3

如果您使用 javascript 动态创建 src，则可以使用：

var obj = new Image();
    obj.src = "http://www.javatpoint.com/images/javascript/javascript_logo.png";

if (obj.complete) {
    alert('worked');
} else {
    alert('doesnt work');
}