js判断图片是否存在

<img id="img" src="1.jpg" alt="test" />

获取：$("#imgId")[0].src;
修改：$("#imgId").attr('src',path);

判断图片是否存在

//常用

function exits(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;
    }

3.用onerror替换不存在的图片

 

推荐学习的网站：http://h5ip.cn/study，网站上面有很详细的学习流程以及知识梳理