vue上传图片base64转文件流

以下是使用Vue上传图片并将base64转换为文件流的示例代码：

<template>
  <div>
    <input type="file" @change="handleFileChange" accept="image/*" />
    <button @click="uploadImage">上传图片</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      file: null,
      base64Data: null
    };
  },
  methods: {
    handleFileChange(event) {
      this.file = event.target.files[0];
      this.convertToBase64();
    },
    convertToBase64() {
      const reader = new FileReader();
      reader.onload = (event) => {
        this.base64Data = event.target.result;
      };
      reader.readAsDataURL(this.file);
    },
    uploadImage() {
      // 在这里将base64Data发送给后端进行处理
      // 可以使用axios或其他HTTP库发送POST请求
      // 将base64Data作为请求体的一部分发送给后端
    }
  }
};
</script>

在上述代码中，我们使用`<input type="file">`元素来选择图片文件，并通过`@change`事件监听文件选择的变化。当文件选择变化时，我们将选中的文件赋值给`file`变量，并调用`convertToBase64`方法将文件转换为base64格式的数据。

`convertToBase64`方法使用`FileReader`对象将文件读取为base64格式的数据，并将结果赋值给`base64Data`变量。

最后，我们可以在`uploadImage`方法中将`base64Data`发送给后端进行处理。你可以使用axios或其他HTTP库发送POST请求，并将`base64Data`作为请求体的一部分发送给后端。