前端vue框架用axios提交多个文件

可以通过 FormData 对象来提交多个文件。

首先，需要在 HTML 中设置一个 input 标签，type 属性为 file，multiple 属性为 true，表示可以选择多个文件：

<input type="file" multiple @change="onFileChange" />

然后在 Vue 组件中定义一个 onFileChange 方法，用来处理文件选择：

methods: {
  onFileChange(event) {
    const files = event.target.files;
    const formData = new FormData();
    for (let i = 0; i < files.length; i++) {
      formData.append('files[]', files[i]);
    }
    axios.post('/upload', formData);
  }
}

上面的代码中，通过循环将每个文件添加到 FormData 对象中，并使用 append 方法指定表单字段名为 files[]。然后使用 axios.post 方法提交 FormData 对象到服务器端。