sese

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

 

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

 

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

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

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

 

解决思路:

解决问题1:

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

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

 

解决问题2:

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

 

核心代码截图:

 

 

 

 

 

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

 

分类:

技术点:

相关文章:

  • 2021-12-26
  • 2021-12-26
  • 2021-12-26
  • 2021-12-26
  • 2021-11-27
  • 2021-11-19
  • 2021-12-02
  • 2022-01-01
猜你喜欢
  • 2021-12-26
  • 2021-12-26
  • 2022-12-23
  • 2021-12-26
  • 2021-09-22
  • 2021-09-08
相关资源
相似解决方案