html判断图片资源是否存在,javascript怎么判断图片是否存在？

JavaScript在实际应用中，可能有这样的需求，那就是检测一个图片是否存在。那么怎么判断图片是否存在？下面本篇文章就来给大家介绍一下使用JavaScript判断图片是否存在的方法，希望对大家有所帮助。

方法1：通过判断图片文件大小是否大于0或判断图片的宽与高是否大于0判断图片是否存在//判断图片是否存在

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;

}

说明：

XMLHttpRequest 对象用于在后台与服务器交换数据。

作用：在不重新加载页面的情况下更新网页

在页面已加载后从服务器请求数据

在页面已加载后从服务器接收数据

在后台向服务器发送数据