1問題描述

后臺返回的圖片加載到頁面上時發現有些圖片無法加載出來，這時前端要做默認圖片展示，最初使用img標簽的onerror事件，但是使用這個方法等了很長時間才將替換圖片加載出來，且當默認圖片也加載不出來時會繼續觸發onerror事件形成死循環。
問題展示：
后臺返回的圖片信息：

渲染到前端頁面上：

onerror事件之總后的替換圖片

2解決方案

function CheckImgExists(imgurl) { var ImgObj = new Image();ImgObj.src = imgurl; //圖片路徑if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) { return true; //有圖片返回true，或者后臺返回的圖片地址} else { return false;//沒有圖片返回false，或者默認圖片地址} }

imgurl是后臺返回的圖片地址，是必須的參數，

3結果

使用這個方法能很快將加載不出來的圖片替換成默認圖片。只需調用一下即可

總結

以上是生活随笔為你收集整理的当后台返回的图片在前端加载不出来时，前端做默认图片展示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。