如何使用laravel后端API在vue.js中上传图像文件

Question

我是vue.js的新手，我使用图像文件输入来注册表格。我想存储我的图像。 我尝试过，但是它显示了输入中必填的字段，但是我已经在输入中选择了图像文件。

我的Vue代码

寄存器 {{errors.name [0]}} {{errors.image [0]}} 寄存器

<script >
import User from "../../../apis/User";

export default {
  data() {
    return {
      loading: false,

      form: {
        name: "",

        image: "",
      },
      errors: [],
    };
  },
  methods: {
    handleFile() {
      let input = document.getElementById("file");

      this.form.image = input.files[0];
      console.log(input);
    },

    BusinessRegister() {
      this.loading = true;
      User.BusinessRegister(this.form)
        .then(() => {
          this.$router.push("/");
        })
        .catch((error) => {
          this.loading = false;
          if (error.response.status === 422) {
            this.errors = error.response.data.errors;
          }
        });
    },
  },
};
</script>