jquery、js、前端图片加载失败使用默认图片代替

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

 

　　这样就可以使用默认图片了，分享一下，希望可以帮助大家！