js根据图片路径地址判断图片是否存在的几种方法
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;
}
<form enctype= "multipart/form-data " method= "POST " οnsubmit= "return HasChecked; ">
<fieldset style= "width: 372; height: 60;padding:2px; ">
<legend> <font color= "#FF0000 "> 图片来源 </font> </legend>
<input type= "radio " name= "radio1 " checked οnclick= "SwitchUpType(true); "> 本地 <input type= "radio " name= "radio1 " οnclick= "SwitchUpType(false); "> 远程: <input type= "file " name= "file1 " οnchange= "CheckExt(this) " style= "width:180px; "> <input type= "submit " id= "UploadButton " value= "开始上传 " disabled> <br>
}
注意:使用这种方法进行判断图片是否存在时,不存在时会报404错误,建议使用ajax去后台查看图片是否寻在。
若不介意404错误,<img>标签有onerror事件可以在找不到当前的src时去加载onerror事件去找到默认图片。
2、 JS+XMLHTTP
var oreq = new ActiveXObject("Microsoft.XMLHTTP")(仅限IE内核)
oreq.open("Get","blog/attachments/month_0606/s2006610204959.jpg",false);
oreq.send();
alert(oReq.status)
if(oReq.status==404)
alert('不存在');
else
alert("存在")
}