小程序加载图片失败,默认图片的替换方法-创新互联

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

创新互联公司-专业网站定制、快速模板网站建设、高性价比坪山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式坪山网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖坪山地区。费用合理售后完善,十载实体公司更值得信赖。

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

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

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

高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享文章:小程序加载图片失败,默认图片的替换方法-创新互联
当前链接:http://hbruida.cn/article/coscio.html