vue2上传图片给后端

您可以使用 Vue2 和 Axios 来上传图片给后端。以下是一个简单的示例代码：

HTML:

<template>
  <div>
    <input type="file" @change="onFileInputChange" />
  </div>
</template>

JavaScript:

<script>
import axios from 'axios';

export default {
  data() {
    return {
      file: null,
    };
  },
  methods: {
    onFileInputChange(event) {
      this.file = event.target.files[0];
    },
    async submit() {
      const formData = new FormData();
      formData.append('file', this.file);
      try {
        const response = await axios.post('/api/upload', formData, {
          headers: {
            'Content-Type': 'multipart/form-data',
          },
        });
        console.log(response.data);
      } catch (error) {
        console.log(error);
      }
    },
  },
};
</script>

在上面的代码中，当用户选择文件时，`onFileInputChange` 方法会更新 `file` 数据。当用户提交表单时，`submit` 方法会将 `file` 作为 FormData 发送到后端。请注意，`Content-Type` 必须设置为 `multipart/form-data`。

这只是一个简单的示例，您需要根据您的具体要求进行修改。