小程序不支持h5中的onerrorimg,,,,,,只开放了binderror属性,,,,,,当过失爆发时,,,,,,会宣布到 AppService,,,,,,事务工具event.detail = {errMsg: 'something wrong'}。。。。。
网上查了下,,,,,,没有什么好的解决要领,,,,,,找了几个案例效果都没有实现想要的效果。。。。。

连系前边看过的案例,,,,,,大部分都是接纳修改数据源将过失图片替换为默认图片的,,,,,,可是有好多代码都没贴全,,,,,,以致欠好明确。。。。。
下面就凭证自己遇到的情形对图片为空、图片路径过失的情形举行了处理,,,,,,相关代码如下,,,,,,相关数据都有说明:
<image src='{{imgList[index]==""?defaultImg:imgList[index]}}' binderror="errorFunction" data-errorimg="{{index}}" />
说明:
imgList: 图片数据源列表,,,,,,需要在data中界说初始数据,,,,,,或者从接口动态获取数据;;
errorFunction: 图片加载过失绑定的事务,,,,,,过失图片替换为默认图片主要在这里操作;;
data-errorimg: 过失图片索引数据,,,,,,需要在errorFunction中用以纪录过失图片对应的位置;;
若是图片地点为空,,,,,,是不会触发binderror的,,,,,,以是就直接对图片地点做判断,,,,,,若是为空,,,,,,则替换为默认图片。。。。。
data: {imgList:"", //图片列表,,,,,,动态获取defaultImg: "../../../assets/img/defaultImg.png", //默认图片},......省略图片数据源获取代码....../*** 图片加载过失触发的事务*/errorFunction: function (e) {if(e.type=="error"){var errorImgIndex = e.target.dataset.errorimg //获取过失图片循环的下标var imgList= this.data.imgList //将图片列表数据绑定到变量imgList[errorImgIndex] = this.data.defaultImg //过失图片替换为默认图片this.setData({evaluteUserPic: evaluteUserPic})}}备注:使用这种要领,,,,,,是需要将图片数据源放在data中的,,,,,,这样才可以在 binderror 的事务中举行数据的替换,,,,,,不可以直接在wxml中挪用接口的数据。。。。。
KESION pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。KESION 一直通过手艺立异,,,,,,提供产品和服务,,,,,,助力企业向数字化转型,,,,,,通过科技驱动商业刷新,,,,,,让商业变得更智慧!
在目今页面下选择第一个匹配选择器 selector 的节点,,,,,,返回一个 NodesRef 工具实例,,,,,,可以用于获取节点信息。。。。。 selector 类似于CSS的选择器,,,,,,但仅支持下列语法。。。。。 ID选择器: #t