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'); //替换损坏的图片
   }
})