一、配置腾讯云Cos

1.注册腾讯云账号
2.实名认证
3.认证成功后进入到腾讯云对象存储Cos中开通服务
在这里插入图片描述
在这里插入图片描述
4.登录对象存储控制台 ,创建存储桶。设置存储桶的权限为 公有读,私有写
在这里插入图片描述
在这里插入图片描述
5.设置cors规则
在这里插入图片描述
AllowHeader 需配成*,如下图所示。
在这里插入图片描述
因为我们本身没有域名,所以这里设置成*,仅限于测试,正式环境的话,这里需要配置真实的域名地址

二、上传sdk

1.安装JavaScript SDK

$ npm i cos-js-sdk-v5 --save

2.实例化 上传sdk

项目 SecretId 和 SecretKey在API密钥管理获取在这里插入图片描述

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

3.调用方法实现上传腾讯云

腾讯云上传方法

cos.putObject({
   Bucket: 'examplebucket-1250000000', /* 必须 */
   Region: 'COS_REGION',     /* 存储桶所在地域,必须字段 */
   Key: 'exampleobject',              /* 必须 */
   StorageClass: 'STANDARD',
   Body: fileObject, // 上传文件对象
   onProgress: function(progressData) {
       console.log(JSON.stringify(progressData));
   }
}, function(err, data) {
   console.log(err || data);
});
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐