1. 程式人生 > >當src獲取不到圖片,onerror可指定一張默認的圖片

當src獲取不到圖片,onerror可指定一張默認的圖片

去掉 operation null per html sys icon png 可能

<img src="img/789.png" onerror="javascript:this.src=‘img/123.png‘;" alt="pic" />


註意:當img/789.png圖片不存在時,將觸發 onerror,而 onerror 中又為 img 指定一個 img/123.png圖片。也就是說圖片存在則顯示 img/789.png,圖片不存在將顯示img/123.png。但問題來了,如果 img/123.png也不存在,則繼續觸發 onerror,導致循環,故出現錯誤。

說明:如果圖片存在,但網絡很不通暢,也可能觸發 onerror。

解決方法:

第一種::.去掉 onerror 代碼;或者更改 onerror 代碼為其它;或者確保 onerror 中的圖片足夠小,並且存在。

第二種:

<img src="img/123.png” onerror="nofind();" />

<script type="text/javascript">

function nofind(){

var img=event.srcElement;

img.src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif";

img.onerror=null; 控制不要一直跳動

}

</script>

  



當src獲取不到圖片,onerror可指定一張默認的圖片