在Vue2.X使用腾讯云对象储存踩坑自我反馈

134 阅读1分钟

由于key写的固定值,导致对象储存桶中文件名一直都是一样的,返回的地址也是一样的!! 反思一手

      var cos = new COS({
        SecretId: '自己的id',
        SecretKey: '自己的key'
      })
      cos.putObject({
        Bucket: 'XXXXX', /* 必须账号名 */
        Region: 'XXXXXX', /* 存储桶所在地域,必须字段 */
        Key: res.file.name, /* 必须key 别写固定值!!! */
        StorageClass: 'STANDARD',//类型:普通
        Body: res.file, // 上传文件对象
        onProgress: function(progressData) {
          console.log(JSON.stringify(progressData))//可以做进度条
        }
      }, (err, data) => {
        console.log(err, data)
        if (err === null) {
          this.imageUrl = ''
          this.imageUrl = 'https://' + data.Location
        // console.log(this.imageUrl)
        // // this.$emit('setIMGFn', this.imageUrl)
        }
      })