1. 程式人生 > >js處理img標籤載入圖片失敗,顯示預設圖片

js處理img標籤載入圖片失敗,顯示預設圖片

1.第一種方法: 
如果已經引入了jquery外掛,就很好辦。沒有的話,如果實在需要,可以附上程式碼:

    script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js")
    //這是jade檔案的寫法,可以自行轉換為html

handle error
    $('img').error(function(){
            $(this).attr('src', "default.jpg(預設圖片的url地址)");
         });
1
2
3
4
5
6
7
8
9
2.第二種方法:如果img標籤是少量的話,可以用這個: 
img的onerror事件

<img src='test.jpg' alt='test' onerror="this.src='default.jpg'">
//alt屬性的意思是在圖片為載入成功時顯示的文字
--------------------- 
作者:wychen_sunshine 
來源:CSDN 
原文:https://blog.csdn.net/u012679583/article/details/50774139 
版權宣告:本文為博主原創文章,轉載請附上博文連結!