图片加载失败时的默认图

  var html = '<div class="sort_list aui-border-b" tapmode onclick="openmyfind(\''+this.USER_ID+'\',\''+this.USER_MOBILE+'\')">'
                    + '<div class="num_logo">';
              html += '<img src="' + this.USER_PIC + '" onerror=javascript:this.src="../../image/demoPic.png" alt="">';
              html += '</div>';
              html += '<div class="num_name">' + this.USER_NAME + '</div>'
                        + '</div>';
              $("#sort_box").append(html);

这是第一种方法:最普通的HTML拼接中,给img标签添加onerror,用   -------->  onerror=javascript:this.src="../../image/demoPic.png"

 

//  拼接时
html+='<div class="right-box fr"><img data-url="'+IMAGEPATH+ret[i].NEWS_THUMB_IMG+'" onerror="nofind(this)" src="'+IMAGEPATH+ret[i].NEWS_THUMB_IMG+'"></div></div>';
// 写一个方法

 // 图片加载错误时添加默认图片
 function nofind(_this){
    if( _this.src != "null" || _this.src != ""){
    _this.src="../../image/mrtp.jpg";
    _this.onerror=null;
    }
 }

 

这是第二种方法,写一个方法,绑定在onerror上,当图片加载失败时,修改图片的src变成默认图片

posted @ 2019-08-27 14:51  小小个程序员  阅读(2708)  评论(0编辑  收藏  举报