HTML - 利用JS判断图片，文件是否存在的几种方法

有时候，我们读取一个图片或文件的时候，我们不知道图片和文件是否存在。所以可以事先判断一下图片和文件在服务器上是否存在。

方法1：判断图片是否存在。

 

1.  
   function isHasImg(pathImg){
2.  
   var ImgObj=new Image();
3.  
   ImgObj.src= pathImg;
4.  
   if(ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0))
5.  
   {
6.  
   return true;
7.  
   } else {
8.  
   return false;
9.  
   }
10.  
    }

方法2：AJAX验证图片链接是否存在

 

1.  
   function validateImage(url)
2.  
   {
3.  
   var xmlHttp ;
4.  
   if (window.ActiveXObject)
5.  
   {
6.  
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
7.  
   }
8.  
   else if (window.XMLHttpRequest)
9.  
   {
10.  
    xmlHttp = new XMLHttpRequest();
11.  
    }
12.  
    xmlHttp.open("Get",url,false);
13.  
    xmlHttp.send();
14.  
    if(xmlHttp.status==404)
15.  
    return false;
16.  
    else
17.  
    return true;
18.  
    }

方法3：用onerror替换不存在的图片

 

<img src="images/img1.jpg" height="300" width="800" onerror="images/defaultImg.jpg">