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 (Windows.ActiveXObject)
- {
- xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
- }
- else if (Windows.XMLHttpRequest)
- {
- xmlHttp = new XMLHttpRequest();
- }
- xmlHttp.open("Get",url,false);
- xmlHttp.send();
- if(xmlHttp.status==404)
- return false;
- else
- return true;
- }
说明:
XMLHttpRequest 对象用于在后台与服务器交换数据.
作用:
在不重新加载页面的情况下更新网页
在页面已加载后从服务器请求数据
在页面已加载后从服务器接收数据
在后台向服务器发送数据
来源: http://www.css88.com/qa/javascript/11760.html