博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序---图片加载出错时,显示默认图片
阅读量:5326 次
发布时间:2019-06-14

本文共 432 字,大约阅读时间需要 1 分钟。

      在读取类似新闻列表等功能时,一般都会有图片,有时会因为数据问题,图片会加载不出来,此时,为了更好的用户体验,

我们应当在图片数据出错时,用默认的图片代替它。

    html5有对应的img事件:onerror

    下面是小程序里的一个demo,事件是binderror:

//图片加载出错,替换为默认图片  imageError: function (e) {    var _errImg = e.target.dataset.img    var _errObj = {}    _errObj[_errImg] = "/images/pic_liebiaomoren@2x.png"    this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉    }

 

转载于:https://www.cnblogs.com/lichunyan/p/8920402.html

你可能感兴趣的文章
ASP.NET MVC学习
查看>>
Oracle学习 第28天 存储过程输出结果集
查看>>
第二次冲刺团队进展报告三
查看>>
Linq之关键字基本查询
查看>>
jquery 视觉特效(新闻滚动浏览)
查看>>
Likecloud-吃、吃、吃
查看>>
好程序员应该读的30本书
查看>>
LeetCode 6. ZigZag Conversion
查看>>
linux 挂载存储步骤(以emc 5300为例)
查看>>
Java编程思想 经典评注分享二
查看>>
.bashrc配错刷新导致linux基础命令不能用修复
查看>>
跨域,Content-Type组件
查看>>
jquery笔记
查看>>
SecureCRT 中文乱码问题
查看>>
LightOJ1236 —— 唯一分解定理 + 最小公倍数
查看>>
爬虫初始
查看>>
【PAT】A1002 A+B for Polynomials
查看>>
winform datagridview 导出excel
查看>>
Unit02: JDBC核心API
查看>>
python学习笔记_day01
查看>>