在制作动态网页的时候常常遇到图片是否存在的问题:
处理方法:
在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"/>