微信小程序——网盘图片预览
微信小程序图片预览提供了一个wx.previewImage接口,如下图:
现在我需要对网盘文件里的图片预览,但是网盘从后台返回的数据是各种类型的文件,如下图所示:
那么我们需要解决2个问题:
1.从这些列表中提取出只是图片类型的列表,并将它的url存入数组中;
2.获取当前你点击图片的索引值。
解决思路:
解决问题1:
假设从后台获取到的文件的列表保存到数组diskList中,我们可以通过filter提取出类型为image的列表,保存到数组imgList中。
然后再通过forEach刚刚筛选出来的imgList提取出它的url,保存到数组imgUrlList中。
解决问题2:
通过indexOf方法,在imgUrlList通过判断当前图片的路径返回索引值。
核心代码截图:
大致思路和解决方法已讲述完毕,如有疑问,欢迎留言~如果您有更好的解决方案,希望不吝赐教~~
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步