js判斷圖片是否損壞，替換損壞圖片

方法一：

<img src="__upload__/article/tpxgsssss5555.jpg" onerror="imgError()" alt="圖片損壞">

 

//判斷圖片是否損壞
function imgError(){ 
    var img = event.srcElement; 
    img.src = "__static__/images/article.jpg"; 
    img.onerror = null; //控制不要一直跳動 
} 

方法二：

<img src="__upload__/article/tpxgsssss5555.jpg" class="imgs" alt="圖片損壞">

 

//判斷圖片是否損壞
function CheckImgExists(imgurl){  
    var ImgObj = new Image(); //判斷圖片是否存在  
    ImgObj.src = imgurl;  
    //沒有圖片，則返回-1  
    if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {  
        return true;  
    } else {  
        return false;
    }  
}

$(".imgs").each(function(){
   var src = $(this).attr('src');
   if(CheckImgExists(src) == false){
       $(this).attr('src','__static__/images/article.jpg'); //替換損壞的圖片
   }
})