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

小程序图片出错、加载失败处理(image组件的binderror事件处理)

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

先说下思路:这种处理 都是修改    原有的    出错数组图片路径对应的值    ,将其改为正确的图片路径。(小程序类似这样的改错,都是这个思路)正题:官网的image组件我就不详细说了,官网binderror错误事件处理并没有详细的说明,如果在获取网络图片出现404 nofound的情况下要怎样处理呢?有单张图片的处理、和多张(数组)图片的处理   写法大同小异以前html的写法  img src=”aaa” οnerrοr=”this.οnerrοr=null;this.src=’aaa1″      aaa aaa1 图片路径这里用不了只好用微信的  binderror多张(数组)wxml 写法view wx:for=”{{AArr}}” wx:for-index=’key’ wx:for-item=’itemone’image src=”{{itemone.img}}” binderror=”errImg”  data-err-img=”AArr[{{key}}].img” /  /view当图片出错时触发   binderror=”errImg”js 写法data: {       AArr: [ { img: “/imape/1.jpg”}, { img: “/imape/2.jpg” } ]  },errImg: function (e) {  var that=this  console.log( “-出错啦-” );    var _errImg = e.target.dataset.errImg;    var _objImg = “‘” + _errImg + “‘”;    var _errObj = {};    _errObj[_errImg] = “/imape/2.jpg”;    that.setData(_errObj);//注意这里的赋值方式…    }errImg方法  就是改写原数组 单张  wxml 写法image src=”{{testImg}}” binderror=”errImg”  data-err-img=”testImg” /  js 写法data: {    testImg: “/imape/11.jpg”    },errImg: function (e) {  var that=this  console.log( “-出错啦-” );    var _errImg = e.target.dataset.errImg;    var _objImg = “‘” + _errImg + “‘”;    var _errObj = {};    _errObj[_errImg] = “/imape/2.jpg”;    that.setData(_errObj);//注意这里的赋值方式…    }我之前出的问题是   数组中数组改值    key  key1  是对应的数组索引 data-err-img=”list_data[{{key}}].PhotoArray[{{key1}}]”

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序图片出错、加载失败处理(image组件的binderror事件处理)
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏