圖片不存在時,顯示預設圖片
阿新 • • 發佈:2019-02-06
圖片不存在時,顯示一個預設的圖片
<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>