js處理img標籤載入圖片失敗,顯示預設圖片
阿新 • • 發佈:2019-01-01
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
版權宣告:本文為博主原創文章,轉載請附上博文連結!