微信小程序——网盘图片预览

微信小程序图片预览提供了一个wx.previewImage接口，如下图：

 

现在我需要对网盘文件里的图片预览，但是网盘从后台返回的数据是各种类型的文件，如下图所示：

 

那么我们需要解决2个问题：

1.从这些列表中提取出只是图片类型的列表，并将它的url存入数组中；

2.获取当前你点击图片的索引值。

 

解决思路：

解决问题1：

假设从后台获取到的文件的列表保存到数组diskList中,我们可以通过filter提取出类型为image的列表，保存到数组imgList中。

然后再通过forEach刚刚筛选出来的imgList提取出它的url，保存到数组imgUrlList中。

 

解决问题2：

通过indexOf方法，在imgUrlList通过判断当前图片的路径返回索引值。

 

核心代码截图：

 

 

 

 

 

大致思路和解决方法已讲述完毕，如有疑问，欢迎留言~如果您有更好的解决方案，希望不吝赐教~~