手把手教你十分钟学会使用小程序云存储

1 云开发控制台管理文件

在这里插入图片描述
点击资源文件夹 就可以看到里面的内容了
在这里插入图片描述
点击各个文件都会有下载地址,如果是图片可以直接预览,其他文件则需要地址了
在这里插入图片描述

2 上传图片到云存储

在上传图片前我们需选择图片,所以用到一个选择图片功能

官方文档:
https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
这样设置好,就可以选择图片或者拍照了

然后就可以设置上传了

官方文档:
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-sdk-api/storage/uploadFile/client.uploadFile.html
在这里插入图片描述
调用文件上传api接口

在这里插入图片描述
图片名称建议使用随机生成,要不然会无限覆盖
也可以不用这麻烦的,直接使用箭头函数就好了,直接使用this即可

使用上传即可了
在这里插入图片描述

在这里插入图片描述
打印出上传成功即可了

返回的值中fileID就是图片地址了
在这里插入图片描述

查看云储存,则看见我们刚上传的图片
在这里插入图片描述

3 上传视频到云存储

在上传视频前我们需选择视频,所以用到一个选择视频功能

官方文档:
https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html
在这里插入图片描述

在这里插入图片描述
这么使用就可以调用视频功能了
在这里插入图片描述
在这里插入图片描述
调用文件上传接口↑
在这里插入图片描述
上传成功了
在这里插入图片描述

封装公用
在这里插入图片描述

4 上传word、Excel、pdf文件等到云储存

官方文档:
https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseMessageFile.html

在这里插入图片描述
type值很重要 可以选择我们上传文件格式
在这里插入图片描述
在这里插入图片描述
上面图片和文件上传也可以使用,只要对应上type值就好了(选择all时所有类型文件都可上传哦)
后面上传步骤都一样啦,参考上面↑↑↑后续上传步骤

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

David凉宸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值