Vue+Element-Ui多文件上传解决方案

前言

为实现对多文件上传的异步操作，应使用文件数组方式进行上传操作。本方案不解释原理(主要因为我是小白o,o)。。。

el-upload

使用异步提交方式，应首先拿到其中的文件数组，而直接获取其定义的数组则为空。这时需要在其on-change属性上绑定自定义方法，因为该属性被触发时会在自定义函数中直接拿到file，据此自行操作。

FormData

此files则为后端接收到的参数数组名称

let formData = new FormData();
  for(let i= 0;i<this.list.length;i++){
	   formData.append("files", this.list[i]);
  }

Java

后端同样通过数组形式接收数据–注意参数名与前端一致，之后通过循环的方式进行文件保存即可

public Object upload(@RequestParam("files") MultipartFile[] files)