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

 

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

 

posted @ 2017-02-07 11:43  贾冬  阅读(7283)  评论(0编辑  收藏  举报