微信小程序开发设置默认图片、错误加载图片的方法
发表于:2024-09-22 作者:千家信息网编辑
千家信息网最后更新 2024年09月22日,本文小编为大家详细介绍"微信小程序开发设置默认图片、错误加载图片的方法",内容详细,步骤清晰,细节处理妥当,希望这篇"微信小程序开发设置默认图片、错误加载图片的方法"文章能帮助大家解决疑惑,下面跟着小
千家信息网最后更新 2024年09月22日微信小程序开发设置默认图片、错误加载图片的方法
本文小编为大家详细介绍"微信小程序开发设置默认图片、错误加载图片的方法",内容详细,步骤清晰,细节处理妥当,希望这篇"微信小程序开发设置默认图片、错误加载图片的方法"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
wxml:
说明:
imgList: 图片数据源列表,需要在data中定义初始数据,或者从接口动态获取数据;
errorFunction: 图片加载错误绑定的事件,错误图片替换为默认图片主要在这里操作;
data-errorimg: 错误图片索引数据,需要在errorFunction中用以记录错误图片对应的位置;
如果图片地址为空,是不会触发binderror的,所以就直接对图片地址做判断,如果为空,则替换为默认图片。
js:
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中调用接口的数据。
读到这里,这篇"微信小程序开发设置默认图片、错误加载图片的方法"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。
图片
错误
数据
方法
小程
开发
事件
数据源
文章
内容
动态
地址
接口
妥当
下标
代码
位置
变量
备注
思路
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
数据库做网购系统的代码
三菱系统传输软件有无服务器权限
数据库安全运维厂商
北京软件开发大会
数据库为什么附加不上去
网络安全 加密算法
ps4连接服务器
爱推大数据库
宝可梦服务器卡对战了
数据库构建dbp全称
小火箭服务器订阅加速软件
国泰安数据库免费时间
网络安全教育形式及内容
文件服务器如何搭建
数据库 图库
如何用数据库创建事务
软件开发tieba
易语言服务器断开
广东勤思科技网络技术公司
自动续费软件开发需要多少钱
衢州云软件开发项目
郑州坐标软件开发有限公司
廊坊c 软件开发论坛
地形图建数据库的技术总结
河南高乐升网络技术有限公司
软件开发大专福建
精投科技与互联网
eas数据库使用
网络安全宣传周微视频展映
服务器 负载