Bootstrap

小程序页面如何直接调用云存储中的图片

小程序页面有swiper轮播图展示,由于图片直接放在本地,内存过大,所以使用小程序云开发的云存储存放图片,让小程序轮播图图片直接从云存储中进行获取

(1)在小程序云开发控制台,点击存储,新建一个swiper文件夹,点击swiper文件夹,点击上传文件,swiper里存放页面轮播图所需的图片
在这里插入图片描述
在这里插入图片描述
(2)复制每一张图片的File ID,粘贴到wxml页面的src中
在这里插入图片描述
在这里插入图片描述
这样页面就可以直接获取到云存储中的图片了。
试过把云存储图片地址不写在src里,放在JS中,再让页面循环JS里数组获取,但是运行的时候出现图片不显示的情况,所以暂时图片地址还是写在了页面的src中。

;