腾讯云配置相关地址
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);
});
第一步:安装包
npm i cos-js-sdk-v5 --save
第二步在组件中引入
const cos = require('cos-js-sdk-v5')//es5写法
//上面的方法不可以用的话采用es6写法
import cos from 'cos-js-sdk-v5' //es6写法
配置解析:
在他正式被调用之前我们调用他的实力对象
实例化对象:cos
const cos = require('cos-js-sdk-v5')//es5写法
//上面的方法不可以用的话采用es6写法
import cos from 'cos-js-sdk-v5' //es6写法
//写在export default之上就可
const cos = new cos({
SecretId:'xxxx'
SecretKey:'xxxxx'
})
详细配置:
对代码在进行优化:
upload(res) {
if (res.file) {
// 执行上传操作
cos.putObject({
Bucket: 'szt-1305324501', /* 存储桶 */
Region: 'ap-nanjing', /* 存储桶所在地域,必须字段 */
Key: res.file.name, /* 文件名 */
StorageClass: 'STANDARD', // 上传模式, 标准模式
Body: res.file, // 上传文件对象
onProgress: (progressData) => {
console.log(JSON.stringify(progressData))
}
}, (err, data) => {
console.log(err || data)
// 上传成功之后
if (data.statusCode === 200) {
this.imageUrl = `https:${data.Location}`
}
})
}
}