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" >‘; 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变成默认图片
原文:https://www.cnblogs.com/nbb-hbb/p/11418305.html