腾讯云存储图片

腾讯云存储图片

需求:不希望把所有的图片都上传到我们自己的官方服务器上,因此将图片上传到腾讯云服务器帮我们代管图片,之后只需要在数据库里保存一个地址即可

在这里插入图片描述

配置腾讯云

注册登录

按照腾讯云要求注册账号或直接登录自己账号

实名认证

选择个人账户

在这里插入图片描述

填写基本信息

在这里插入图片描述

扫描二维码授权

在这里插入图片描述

手机端授权登录

在这里插入图片描述

点击领取免费产品

在这里插入图片描述

选择对象存储COS

在这里插入图片描述

点击0元试用,开通服务

在这里插入图片描述

创建存储桶

登录对象存储控制台,点击创建存储桶

在这里插入图片描述

在这里插入图片描述

注意要选择公有读私有写

设置cors

在桶列表安全管理里找到跨域访问cors设置

在这里插入图片描述

cors规则配置

在这里插入图片描述

上传sdk

webpack引入方式

通过npm i cos-js-sdk-v5 --save安装 SDK 依赖,支持 webpack 打包的场景

引入:

var COS = require('cos-js-sdk-v5');

SelectId和SelectKey秘钥获取

在这里插入图片描述

实例化上传sdk

var cos = new COS({
   SecretId: 'COS_SECRETID',
   SecretKey: 'COS_SECRETKEY',
});

上传

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);
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值