利用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：AJAX验证图片链接是否存在
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替换不存在的图片
<img src="images/img1.jpg" height="300" width="800" onerror="images/defaultImg.jpg">