Google Cloud Storage -如何通过前端使用Vue上传图片

npm install axios vue-upload-component

import axios from 'axios';
import VueUploadComponent from 'vue-upload-component';

<template>
  <div>
    <vue-upload-component
      ref="upload"
      :url="uploadUrl"
      :headers="uploadHeaders"
      @complete="uploadComplete"
    ></vue-upload-component>
    <button @click="uploadImage">选择图片</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: 'YOUR_UPLOAD_URL',
      uploadHeaders: {
        Authorization: 'YOUR_AUTH_TOKEN'
      }
    };
  },
  methods: {
    uploadImage() {
      this.$refs.upload.start();
    },
    uploadComplete(response) {
      // 处理上传完成后的逻辑
      console.log(response);
    }
  }
};
</script>