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

169 阅读1分钟

1 云开发控制台管理文件

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

2 上传图片到云存储

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

官方文档: developers.weixin.qq.com/miniprogram…

在这里插入图片描述

在这里插入图片描述

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

然后就可以设置上传了

官方文档: developers.weixin.qq.com/miniprogram… 在这里插入图片描述 调用文件上传api接口

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

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

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

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

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

3 上传视频到云存储

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

官方文档: developers.weixin.qq.com/miniprogram… 在这里插入图片描述

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

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

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

官方文档: developers.weixin.qq.com/miniprogram…

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