图片加载失败时的默认图


  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变成默认图片


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM