首页 > 其他 > 详细

图片加载失败时的默认图

时间:2019-08-27 15:46:28      阅读:92      评论:0      收藏:0      [点我收藏+]
  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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!