微信小程序> 小程序图片加载出错时,显示默认图片

小程序图片加载出错时,显示默认图片

浏览量:1918 时间: 来源:weixin_30871905

      在读取类似新闻列表等功能时,一般都会有图片,有时会因为数据问题,图片会加载不出来,此时,为了更好的用户体验,

我们应当在图片数据出错时,用默认的图片代替它。

    html5有对应的img事件:onerror

    下面是小程序里的一个demo,事件是binderror:

 block wx:for="{{list}}"        image class='news-img' src="{{item.imgSrc}}" binderror='imageError'  data-img="list[{{index}}].imgSrc"/image    /block
//图片加载出错,替换为默认图片  imageError: function (e) {    var _errImg = e.target.dataset.img    var _errObj = {}    _errObj[_errImg] = "/images/pic_liebiaomoren@2x.png"    this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉    }

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎