【微信小程序】如何遍历云存储中的图片?

吏小加
  • 16

是这样的,我呢,想做一个轮播图
我先在云存储中上传三张图片
保存在云存储中的三张图片
然后我在WXML中分别调用这三张图片

<swiper>
    <swiper-item>
        <image src="cloud://livepush.6c69-livepush/Slideshow/1.jpg"></image>
    </swiper-item>
    <swiper-item>
        <image src="cloud://livepush.6c69-livepush/Slideshow/2.jpg"></image>
    </swiper-item>
    <swiper-item>
        <image src="cloud://livepush.6c69-livepush/Slideshow/3.jpg"></image>
    </swiper-item>
</swiper>

效果如下图,真是太完美了
轮播图效果

但是,现在需求变更了!!!

我希望在页面加载的时候自动遍历文件夹中的图片

Page({
    onLoad: function () {
        wx.cloud.init({ env: "livepush" });
        //遍历云存储的API是什么?
    },
    data: {
        slideshow: []
    }
});

我希望在文件夹添加照片之后能够自动在首页中显示出来
图片描述
可惜的是我在官方文档找不到搜索文件的API

请问该如何实现我的需求?

回复
阅读 7.4k
2 个回答
✓ 已被采纳

你存储图片的云端应该有一个接口,也就是一个类似这样的网址:https://www.XXX.com/images。然后利用小程序里自带的request方法去调用该接口,获取返回的图片数据就行了。

在uploadFile成功之后返回值里会有一个fileid,你可以把这个id存到一个集合里,想用的时候直接调就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏