腾讯云存储图片
需求:不希望把所有的图片都上传到我们自己的官方服务器上,因此将图片上传到腾讯云服务器帮我们代管图片,之后只需要在数据库里保存一个地址即可
配置腾讯云
注册登录
按照腾讯云要求注册账号或直接登录自己账号
实名认证
选择个人账户
填写基本信息
扫描二维码授权
手机端授权登录
点击领取免费产品
选择对象存储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);
});