html5 是否有这个功能：图片加载失败即显示别的图片

Question

html5 是否有这个功能：图片加载失败即显示别的图片？

Answer 1

大概是这个样子的：

function loadImage(obj, url, defaultUrl) {
    var img = new Image();
    img.src = url;
    img.onload = function() {
        obj.appendChild( img );
    }
    img.onerror = function() {
        obj.innerHTML += "<img src='"+defaultUrl+"' />";
    }
}

Answer 2

<img src="xxx.jpg" onerror="this.src='default.jpg'" >

Answer 3

你要到是不是这样的：
用Javascript判断图片是否存在，不存在则显示默认图片的代码(http://www.jb51.net/article/8796.htm)

Answer 4

onError事件
http://www.w3school.com.cn/jsref/event_onerror.asp

这个事件只有在加载目标对象不存在(http 404 header)时才会触发

Answer 5

可以服务器端判断，如果出现异常，服务器自动输出一个你给定的图片

Answer 6

如果高宽已知:

<div style="width: ...; height: ...; background: url(...) ...;">
    <div style="width: ...; height: ...; background: url(...) ...;"></div>
</div>