上一篇单文件上传出来以后,多文件我也搞出来啦,有了第一次的经验还是比较快的,其实还是和单文件擦不多的
1,把上传的文件用list存起来
把钩子传递的fileList赋值给自己的fileList这样就能保证文件不会丢失也不会多出一部分,他这个fileList应该就是elementui内置的一个变量。
这个文件就能获取到了,注意这个raw才是你上传的真正文件。
2,开始上传文件
上传方法
methods: {
uploadData(){
let formData = new FormData();
this.fileList.forEach(f=> {
let file= f.raw;
formData.append("file", file);
})
const config = {
headers: {"Content-Type": "multipart/form-data;boundary=" + datas[0].raw.uid}
};
axios.post("/api/upload", formData, config).then(res => {
console.log("文件上传成功");
}).catch(err => {
})
}
后端
@PostMapping("/api/upload")
public void upload(@RequestParam("file") MultipartFile[] files){
System.err.println(files);
}