如何使用我的令牌Vue JS上传我的图像文件

<template>
  <div>
    <input type="file" @change="handleFileUpload" />
    <button @click="uploadFile">Upload</button>
  </div>
</template>

<script>
import COS from 'cos-js-sdk-v5';

export default {
  data() {
    return {
      file: null,
    };
  },
  methods: {
    handleFileUpload(event) {
      this.file = event.target.files[0];
    },
    uploadFile() {
      const cos = new COS({
        // 腾讯云COS配置信息
        SecretId: 'your-secret-id',
        SecretKey: 'your-secret-key',
      });

      // 上传文件到腾讯云COS
      cos.putObject({
        Bucket: 'your-bucket-name',
        Region: 'your-bucket-region',
        Key: this.file.name,
        Body: this.file,
      }, (err) => {
        if (err) {
          console.error('Failed to upload file:', err);
        } else {
          console.log('File uploaded successfully');
        }
      });
    },
  },
};
</script>