jquery中圖片加載失敗的解決方法-創(chuàng)新互聯(lián)

小編給大家分享一下jquery中圖片加載失敗的解決方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站制作、成都網(wǎng)站建設與策劃設計,江陵網(wǎng)站建設哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設十余年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:江陵等地區(qū)。江陵做網(wǎng)站價格咨詢:18980820575

jquery中圖片加載失敗的解決辦法：1、引入jquery插件，代碼為【$(this).attr('src', "default.jpg(默認圖片的url地址)")】；2、使用img的onerror事件。

jquery中圖片加載失敗的解決辦法：

1.第一種方法：

如果已經(jīng)引入了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地址)");
         });

2.第二種方法：如果img標簽是少量的話，可以用這個：

img的onerror事件

<img src='test.jpg' alt='test' onerror="this.src='default.jpg'">
//alt屬性的意思是在圖片為加載成功時顯示的文字

以上是“jquery中圖片加載失敗的解決方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文題目：jquery中圖片加載失敗的解決方法-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://www.muchs.cn/article2/dhjdic.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、網(wǎng)站內鏈、定制開發(fā)、軟件開發(fā)、品牌網(wǎng)站設計、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)