小程序端如何操作云托管对象存储上的文件
收藏
我的收藏介绍
开发者可在小程序里面使用相关文件存储API,进行文件的上传和下载,和获取云端文件的临时链接等,本文将介绍开发者如何在小程序端(小程序开发者工具中),对抖音云托管上对象存储的文件进行操作。
操作指引
以上传一个文件为例。
- 1.打开小程序 IDE 开发者工具,选择已经开通抖音云的小程序应用。
- 2.在代码里创建一个抖音云调用实例,传入开通tos 对象存储的环境ID。
tt.login({ force: false, success(res) { const cloud = tt.createCloud({ envID:'env-0WIYiY4PNP' }) }, fail(res) { console.log(`login 调用失败`); }, });
环境ID 获取。
- •2.1 获取方式一:
切换到dev 或者 prod 环境,进入某个服务,在基础信息中获取 ENV-ID。
- •2.2 获取方式二:
在对应 URL 里面获取 envID。
- 3.在小程序端选择相册中的文件,并且通过 cloud.uploadFile 上传文件至抖音云云端tos 中。在 uploadFile 的 cloudPath 传入云端路径,云端路径获取方式如下:
在对象存储中通过点击“新建文件夹”创建一个文件夹
testlupload
。添加代码如下,通过cloud.uploadFile 上传文件,并且可通过 onProgressUpdate 监听上传进度。
tt.login({ force: false, success(res) { const cloud = tt.createCloud({ envID:'env-0WIYiY4PNP' }); tt.chooseImage({ count: 1, sizeType: ["compressed"], sourceType: ["album"], success: (res) => { const uploadTask = cloud.uploadFile({ cloudPath: "testupload/img.png", filePath: res.tempFilePaths[0], success: (uploadRes) => { console.log("Cloud.uploadFile success", uploadRes); }, fail: (uploadRes) => { console.log("Cloud.uploadFile fail", uploadRes); }, complete: (uploadRes) => { console.log("Cloud.uploadFile complete", uploadRes); }, }) uploadTask.onProgressUpdate((res) => { console.log('进度', res); }) }, fail: (res) => { console.log("tt.chooseImage fail", res); }, complete: (res) => { console.log("tt.chooseImage complete", res); }, }); }, fail(res) { console.log(`login 调用失败`); }, });
- 4.通过预览获取小程序二维码,打开抖音客户端扫码,打开vconsole 进行调试。
真机调试界面:
注意事项
tos 对象存储依赖抖音登录态。因此 tos 相关API(uploadFile, downloadFile, deleteFile, getTempFileURL)的使用需在 tt.login 的 success 回调里触发。