第一種方法
在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");
});