1. 程式人生 > >圖片不存在時,顯示預設圖片

圖片不存在時,顯示預設圖片

圖片不存在時,顯示一個預設的圖片

<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>