关于腾讯云上传图片的相关使用

腾讯云配置相关地址

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