Element-ui向Java服务器一次性发送多个图片

前言

生活举步为艰,时间就像海绵里的水,挤一挤总会有的,不过,精力却是有限的- -。

最近有个需求,需要用Element-ui向后台一次性发送多张图片,并且还要结合一些字符串数据。在之前的SSM通过工具类实现单图片和多input框数据存储到数据库中，我是从HttpServletRequest里面直接取出来的数据,没有用到Spring Mvc的MultipartFile类。这一次想着还按照之前那么做太费劲了,代码也不好维护。所以,就用Spring MVC和element-ui结合做了文件上传。

element-ui框架的文件上传已经做的挺好了,可以通过设置属性添加请求头和除文件以外的请求体,不过,它是一个图片触发一次后台请求,就算你一次性选了5张图,它也会像后台发5次请求。所以只好自己拼了。

实现思路

前台添加一个按钮设置点击事件,当触发点击事件的时候,用formData把所有的图片和其他的请求题拼接一下,一并发送给后台.

后台使用@RequestParam分别接收MultipartFile数组以及其他的请求体。

前端

上传组件如下(.vue):

<