小程序设置默认图片，加载图片错误

小程序设置默认图像，加载图像的效果不正确：

小程序不支持h5中的onerrorimg，只启用了binderror属性。发生错误时，它会发布到AppService，事件对象event.detail={errMsg:'错误'}。

在线检查，没有很好的解决方案，有几个案例没有达到预期的效果。

结合我之前看到的情况，他们中的大多数使用修改后的数据源用默认图片替换错误图片，但是有很多代码没有完全发布，因此不容易理解。

以下是根据您遇到的情况，图片为空，图片路径错误，相关代码如下，相关数据有说明：

Wxml:

说明：

imgList:图像数据源列表，需要在数据中定义初始数据，或者从接口动态获取数据;

errorFunction:图像加载错误绑定事件，错误图片主要替换为默认图像;

Data-errorimg：错误图像索引数据，需要在errorFunction中用来记录错误图片的位置;

如果图像地址为空，则不会触发binderror，因此将直接判断图像地址。如果为空，则将替换为默认图像。

Js:

数据: {

imgList:''，//图像列表，动态获取

defaultImg:'./././assets/img/defaultImg.png'，//默认图片

}，

.

省略图像数据源以获取代码

.

/**

*由图像加载错误触发的事件

*/

errorFunction:函数（e）{

如果（e.type=='错误'）{

Var errorImgIndex=e.target.dataset.errorimg //获取错误图片循环的下标

Var imgList=this.data.imgList //将图像列表数据绑定到变量

imgList [errorImgIndex]=this.data.defaultImg //用默认图像替换错误图像

this.setData（{

evaluteUserPic: evaluteUserPic

}）

}

}

注意：使用此方法，您需要将图像数据源放入数据中，以便在发生binderror时可以替换数据，不能直接在wxml中调用接口数据。

HiShop小程序工具提供多种类型的商城/商店小程序制作，可视化编辑1秒，在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。

更多小程序开发案例，全部位于：http://www.hvihi.com/xiaocx/kaifa.html

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。