js 判断图片是否存在

在制作动态网页的时候常常遇到图片是否存在的问题:

处理方法:
在HTML页面的源代码里,在<head></head>之间插入调用js的代码:

<script> 
function imgErr(img) 
{ 
img.src='/error.jpg'; 
} 
</script>

这时,当你的网页真正在调用图片时:
<img src=”/pic/aa.jpg” onError=”imgErr(this)” />

当图片不存在时,将触发onerror,onerror 中img为 指定的默认图片。
图片存在则显示正常图片,图片不存在将显示默认。

<script> 
function imgOnerror(img){
 img.src="../images/avatars/default.jpg";
 img.onerror=null;//控制不要一直跳动
 }
</script>
<img width="90" height="120" src="../images/avatars/default.jpg" onerror="imgOnerror(this)" border="0"/>

Related Post

发表回复