html判断图片资源是否存在,关于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&#