在项目中遇到上传大文件的需求,使用普通上传方法速度会很慢,很影响用户体验,故想到了腾讯云的分块上传,在此记录一下我的使用过程。
访问官网:对象存储 快速入门-SDK 文档-文档中心-腾讯云
1.下载安装SDK
npm i cos-js-sdk-v5
2.vue文件中引入
import COS from "cos-js-sdk-v5";
3.方法中使用
官网推荐使用高级上传,超出限制自动使用分块上传,否则使用简单上传
function handleFunc(file) {
// 推荐调用后端接口动态获取签名信息,不推荐前端直接写入
postMetaToolsUploadFileToken().then((res) => {
var cos = new COS({
// getAuthorization 必选参数
getAuthorization: function (options, callback) {
const date = new Date();
callback({
TmpSecretId: res.data.TmpSecretId,
TmpSecretKey: res.data.TmpSecretKey,
SecurityToken: res.data.Token