E企盈营销工具技术服务商 热线:4006-838-530

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

E企盈直播平台营销卖货系统

在读取类似新闻列表等功能时,一般都会有图片,有时会因为数据问题,图片会加载不出来,此时,为了更好的用户体验,我们应当在图片数据出错时,用默认的图片代替它。    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) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉    }

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序图片加载出错时,显示默认图片
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏