小程序之图片加载失败问题


1.单个图片加载失败,用默认图片代替

<image src='{{cleanerpicLogo}}' bindload="imageLoad" binderror="imageOnloadError" class='cleanimgs'></image>
// 加载成功
  imageLoad: function (e) {
    console.log("imageLoad"+JSON.stringify(e))
  },
  // 图片加载失败
  imageOnloadError(){
    console.log("加载图片失败");
    this.setData({
      cleanerpicLogo:'/assets/images/cleanimgs.png'
    })
  },

2,列表图片加载失败,用默认图片代替

<image src="{{item.serviceProduct.headImgUrl}}" data-index="{{index}}" mode='widthFix' class='tabsimg' binderror="imageOnloadError"></image>
imageOnloadError(e) {
    console.log(e);
    var index = e.currentTarget.dataset.index;
    var serviceInfo = this.data.serviceInfo
    serviceInfo[index].serviceProduct.headImgUrl = '/assets/images/productdetailimg.png';
    this.setData({
      serviceInfo: serviceInfo
    })
  },

 

 

 


免责声明!

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



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