jquery中圖片載入失敗怎麼辦

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

本教學操作環境：windows7系統、jquery3.2.1版，此方法適用於所有品牌電腦。

jquery中圖片載入失敗的解決方法：

#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地址)");
         });

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

img的onerror事件

<img src=&#39;test.jpg&#39; alt=&#39;test&#39; onerror="this.src=&#39;default.jpg&#39;">
//alt属性的意思是在图片为加载成功时显示的文字

相關免費學習推薦：

javascript（影片）

#

以上是jquery中圖片載入失敗怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！