87,925
社区成员
发帖
与我相关
我的任务
分享|zyciis| 用JS如何判断一个图片是否存在 谢谢
如我页面有一个IMG
<img src="Images/000112.jpg" >
我的要求是：
当Images/000112.jpg不存在的时候这个图片不显示
如果存在的时候就显示出来
如果判断不存在后，第4秒种再去判断一次，直到找到为止
谢谢
<img src="Images/000112.jpg" >
我的要求是：
当Images/000112.jpg不存在的时候这个图片不显示
如果存在的时候就显示出来
如果判断不存在后，第4秒种再去判断一次，直到找到为止
谢谢
...全文
请发表友善的回复…
发表回复
过河石头 2008-12-29
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
//载入失败调用此函数
function defaultImg(T)
{
T.src = "images/closelabel.gif";//默认图片地址
}
//载入成功后会调用此函数
function LoadOK()
{
alert("LoadOK");
}
</script>
</head>
<body>
<img src="123.jpg" onerror="defaultImg(this);" onload="LoadOK()"/>
<!--123.jpg 是错误图片地址-->
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
//载入失败调用此函数
function defaultImg(T)
{
T.src = "images/closelabel.gif";//默认图片地址
}
//载入成功后会调用此函数
function LoadOK()
{
alert("LoadOK");
}
</script>
</head>
<body>
<img src="123.jpg" onerror="defaultImg(this);" onload="LoadOK()"/>
<!--123.jpg 是错误图片地址-->
</body>
</html>
xuStanly 2008-12-29
- 打赏
- 举报
不用很复杂
<img src="1.gif" onerror="doHide(this)" onload="this.style.display='inline'" width=348 height=446>
<script>
function doHide(e){
alert(1);
e.style.display = "none";
setTimeout(function(){e.src = "1.gif?tmp="+Math.random();}, 4000);
}
</script>
majianan 2008-12-29
- 打赏
- 举报
使用onerror
Jarvis-Li 2008-12-29
- 打赏
- 举报
这个例子看一下吧
利用image对象的onerror事件来判断，出错则更换image对象的src为默认图片的URL。<p>第一种情况：图片存在，正常显示<br />
<xmp>
<img src="http://www.iecn.net/images/logo_home.gif"
onerror="javascript:this.src='http://www.cnlei.org/BLOG/styles/style2007/images/logo.gif'" />
</xmp>
<img src="http://www.iecn.net/images/logo_home.gif" onerror="javascript:this.src='http://www.cnlei.org/BLOG/styles/style2007/images/logo.gif'" /></p>
<p>第二种情况：图片不存在，显示默认图片<br />
<xmp>
<img src="http://www.iecn.net/images/logo_homeAAA.gif"
onerror="javascript:this.src='http://www.cnlei.org/BLOG/styles/style2007/images/logo.gif'" />
</xmp>
<img src="http://www.iecn.net/images/logo_homeAAA.gif" onerror="javascript:this.src='http://www.cnlei.org/BLOG/styles/style2007/images/logo.gif'" /></p>
判断远程图片是否存在的asp技巧[ASP代码]
function CheckURL(byval A_strUrl)
set XMLHTTP = Server.CreateObject("Microsoft.XMLHTTP")
XMLHTTP.open "HEAD",A_strUrl,false
XMLHTTP.send()
CheckURL=(XMLHTTP.status=200)
set XMLHTTP = nothing
end function
Dim imgurl
imgurl="UploadFiles/2007829144940734.gif"
if CheckURL(imgurl) then
response.write "图片存在"
else
response.write "图片不存在"
end if
判断远程图片是否存在[js代码]
{
var oReq = new ActiveXObject("Microsoft.XMLHTTP")
oReq.open("Get","UploadFiles/2007829144941621.gif",false);
oReq.send();
//alert(oReq.status)
if(oReq.status==404)
alert('不存在');
else
alert("存在")
}
zjsfdxbao 2008-12-29
- 打赏
- 举报
<img src="adf.jpg" onload="alert('图片存在');" onerror="alert('图片不存在');">
MuBeiBei 2008-12-29
- 打赏
- 举报
<img id="img1" src="Images/000112.jpg" >
function find(){
var oImg = document.getElementById('img1');
var oSrc = oImg.getAttribute('src');
if(oSrc == null || oSrc == ""){
setTimeout(find,4000);
}
}
function find(){
var oImg = document.getElementById('img1');
var oSrc = oImg.getAttribute('src');
if(oSrc == null || oSrc == ""){
setTimeout(find,4000);
}
}
