码迷,mamicode.com
首页 > 其他好文 > 详细

小程序加载图片失败,默认图片的替换方法

时间:2018-08-01 17:17:17      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:51cto   list   http   his   地址   小程序   html   事件   roc   

需求
前端请求后台的接口的时候回,数据会返回图片的url地址,但是有的时候可能是数据字段的错误,或者是返回的链接中信息是404,那么前端这边怎么处理。

技术分享图片

技术分享图片
技术分享图片
大致思路:我们会在data数据中得到一个list一样的图片数据,或者你可以当成接口返回的数据结构,然后我们循环整个数据的时候会在image标签找不到资源的时候error事件,我们就会得到一个失败实例的方法,然后我们在数据循环的时候可以得到list的index值,也就是索引值。把这个值传到error方法中进行list数据的替换就可以了。怎么样简单吧~

其他
因为小程序比较特殊,就拿H5为例,其实在原生的HTML标签中是有这个onerror这个方法的。

<img src="404" width="60" height="60" onerror="this.src=‘默认报错替换的图片‘>

小程序加载图片失败,默认图片的替换方法

标签:51cto   list   http   his   地址   小程序   html   事件   roc   

原文地址:http://blog.51cto.com/13507333/2153272

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!