第一种：使用img的onerror属性
<html>
....
<img src="http://images/img/pic.jpg" onerror="javascript:this.src=\'默认图片地址\'"/>
<div id="imgDiv"></div>
....
</html>
(注：如果img代码在js中动态加载生成，可能会用到转义字符，对单引号转义，如下：
var defaultPath = \'默认图片地址\';
var imgHtml = \'<img src="http://images/img/pic.jpg" onerror="javascript:this.src=\\' \'+defaultPath+\'\\'"/>\';
var imgDiv = document.getElementById("imgDiv");
imgDiv.innerHtml = imgHtml;
(jquery: $("#imgDiv").append(imgHtml); )
)
第二种：
function checkImgExists(){
var imgObj = new Image();//判断图片是否存在
imgObj.src = img.src;
if(imgObj.filesize>0 || (imgObj.width>0 && imgObj.height>0)){
return;//图片存在
}else{
img.src = "默认地址";
}
}