E企盈小程序营销工具技术服务商 热线:4006-838-530

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

E企盈小程序直播系统

需求前端请求后台的接口的时候回,数据会返回图片的url地址,但是有的时候可能是数据字段的错误,或者是返回的链接中信息是404,那么前端这边怎么处理。小程序在小程序的官方文档中有提到,binderror这个事件方法,就是说当你的图片加载失败或者404的时候会在方法中有对应的返回值,具体返回的值入下图场景这样的话应用的场景就课程是头像上传报错或者单张图片,要是你报错的图片是一个列表中的很多的图片怎么办?多张图片报错解决方法其实很简单,我们用小程序的wepy框架为例:大致思路:我们会在data数据中得到一个list一样的图片数据,或者你可以当成接口返回的数据结构,然后我们循环整个数据的时候会在image标签找不到资源的时候error事件,我们就会得到一个失败实例的方法,然后我们在数据循环的时候可以得到list的index值,也就是索引值。把这个值传到error方法中进行list数据的替换就可以了。怎么样简单吧~其他因为小程序比较特殊,就拿H5为例,其实在原生的HTML标签中是有这个onerror这个方法的。 img src=”404″ width=”60″ height=”60″ onerror=”this.src=’默认报错替换的图片’结束其实方法很简单,查了一下资料觉得应该整理一下,希望大家能学到。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序加载图片失败,默认图片的替换方法
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏