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

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.2.1版，該方法適用于所有品牌電腦。

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

1.第一種方法：

如果已經(jīng)引入了jquery插件，就很好辦。沒有的話，如果實在需要，可以附上代碼：

    script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js")     //這是jade文件的寫法，可以自行轉(zhuǎn)換為html handle error     $('img').error(function(){             $(this).attr('src', "default.jpg(默認(rèn)圖片的url地址)");          });

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

img的onerror事件

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

相關(guān)免費學(xué)習(xí)推薦：javascript（視頻）