jquery、js、前端圖片加載失敗使用默認圖片代替

　　　直接進入正題，當后台傳輸圖片數據，當前台顯示不出來或圖片出錯的時候圖片。

第一種方法：

"<img id='"+tag+"_"+playerid+"' src='" + avatar + "' onerror='nofind(this);'>"

onerror='nofind(this);'  //加入自己需要改變圖片的位置  <注意雙引號>

function nofind(img){ 
    img.src="/img/fantasy_indexhead.png"; 
    img.onerror=null; //如果錯誤圖片也不存在就會死循環一直跳，所以要設置成null，也可以不加
} 

第二種方法：

$(".avater").one("error", function(e){  //加入相應的圖片類名
             $(this).attr("src", "/img/fantasy_indexhead.png");
        });

 

　　這樣就可以使用默認圖片了，分享一下，希望可以幫助大家！