图片不存在时,显示默认图片

时间:2022-12-30 22:14:37

图片不存在时,显示一个默认的图片

<img src="abc.JPG" onerror="this.src='default.JPG'" />

多张图片处理

<img class='img' src="abc.JPG" onerror="this.src='default.JPG'" />

<script type="text/javascript">
t = document.getElementsByClassName("img");
for(i = 0; i < t.length; i++){
t.item(i).onerror = function(){
this.src = "http://box.bdimg.com/static/fisp_static/common/img/searchbox/logo_news_276_88_1f9876a.png"
}
}
</script>

IE处理(需要做IE兼容的这样处理)
<script type="text/javascript">  t = document.getElementsByTagName("img");
for(i = 0; i < t.length; i++){
t.item(i).onerror = function(){
if(this.id =="defaultImg"){
this.src = "https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1297150493,749529804&fm=80&w=179&h=119&img.JPEG";
this.onerror = null;
}
}
}
</script>