微信小程序图片预览提供了一个wx.previewImage接口,如下图:
现在我需要对网盘文件里的图片预览,但是网盘从后台返回的数据是各种类型的文件,如下图所示:
那么我们需要解决2个问题:
1.从这些列表中提取出只是图片类型的列表,并将它的url存入数组中;
2.获取当前你点击图片的索引值。
解决思路:
解决问题1:
假设从后台获取到的文件的列表保存到数组diskList中,我们可以通过filter提取出类型为image的列表,保存到数组imgList中。
然后再通过forEach刚刚筛选出来的imgList提取出它的url,保存到数组imgUrlList中。
解决问题2:
通过indexOf方法,在imgUrlList通过判断当前图片的路径返回索引值。
核心代码截图:
大致思路和解决方法已讲述完毕,如有疑问,欢迎留言~如果您有更好的解决方案,希望不吝赐教~~
请发表评论