圖片加載失敗時的默認圖

  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變成默認圖片