第一种方法
在HTML节点中直接onerror事件设置,使用于单个img
<img src="imgs/book.png" onerror="javascript:this.src= 'imgs/defaultBg.png' " alt="是否有图片显示" />
第二种方法
使用javascript里的 Image() 对象判断
function checkImg(imgUrl) {
var imgObj = new Image();
imgObj.src = imgUrl;
if (imgObj.sileSize > 0 || (imgObj.width > 0 && imgObj.height > 0)) {
return;
}else{
imgObj.src = 'imgs/defaultBg.png';
return false;
}
}
第三种方法
使用jQuery error事件
$('img').error(function(){
$(this).attr('src',"imgs/defaultBg.png");
});
网友评论