关于js判断图片是否存在的几种方法

我在项目中用过两种：
（1）//判断图片是否存在
function isHasImg(pathImg){
    var ImgObj=new Image();
    ImgObj.src= pathImg;
     if(ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0))
     {
       return true;
     } else {
       return false;
    }
}
（2）    //验证图片链接是否有效
    function validateImage(url)
    {    
        var xmlHttp ;
        if (window.ActiveXObject)
         {
          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
         else if (window.XMLHttpRequest)
         {
          xmlHttp = new XMLHttpRequest();
         }
        xmlHttp.open("Get",url,false);
        xmlHttp.send();
        if(xmlHttp.status==404)
        return false;
        else
        return true;
    }


我最喜欢的是第四种方法，代码简单

1、 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;

    }  

} 

2、JS+XMLHTTP

var oreq = new ActiveXObject("Microsoft.XMLHTTP")

oreq.open("Get","blog/attachments/month_0606/s2006610204959.jpg",false);

oreq.send();

alert(oReq.status)

if(oReq.status==404)

alert('不存在');

else

alert("存在")

}

3、

 

 

 

 

 

图片来源

 

本地 远程：  
 

 

预览区

 

 

 

4、用onerror替换不存在的图片

转载来自：http://chenrongchun890.blog.163.com/blog/static/13459742620141126152406/