腾讯云上传使用

最新推荐文章于 2025-05-16 12:58:59 发布

Mr_TJ

最新推荐文章于 2025-05-16 12:58:59 发布

阅读量309

点赞数 5

CC 4.0 BY-SA版权

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/Mr_ZCheng/article/details/121523278

本文介绍了如何通过yarn安装cos-js-sdk-v5插件，然后创建Cos实例并实现文件上传，包括设置秘钥、存储桶和上传进度监听。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

腾讯云上传使用

1：安装插件

    cos-js-sdk-v5          yarn add  cos-js-sdk-v5

2:导入

    import Cos from 'cos-js-sdk-v5'

3:实例化

  let cos = new Cos({
    SecretId: 'COS_SECRETID', // 身份识别 ID
    SecretKey: 'COS_SECRETKEY', // 身份密钥
});

4:使用

  cos.putObject({
    Bucket: 'dhf481229-1305249343', /* 存储桶: */
    Region: 'ap-guangzhou',     /* 存储桶所在地域，必须字段 */
    Key: uid+'',              /* 必须是字符串 */
    StorageClass: 'STANDARD',  // 固定值
    Body: 文件对象, // 上传文件对象
    onProgress: (progressData)=> {
     //   上传进度
        console.log(JSON.stringify(progressData));
    }
}, (err, data)=> {
  // 上传成功或者失败的回调
    console.log(err || data);
});