本文介绍了如何在Element-ui中实现多图一次性上传并附带表单信息。通过阻止组件默认的多次请求行为，利用FormData对象模拟表单上传，结合自定义上传方法和手动触发上传，最终达到一次请求上传多张图片的需求。详细步骤包括设置组件属性、创建FormData对象、添加文件及表单数据，以及展示后台接收图片的Java代码。
前言
工作中碰到需要多图上传，在使用element-ui解决过程中碰到一些问题，在这里分享给大家。
环境：
Springboot+Vue+Element-ui
正文
这次上传使用的是Elemet-ui的uoload上传组件，组件预留的钩子回调还是比较充足的。
实现多图上传主要用到以下两个属性：
Elemet-ui是自带多图上传的，但是细心的朋友可能发现默认多图的实现可能和我们预期有些出入，有截图可以看出，实质是进行多次请求：
在上传事件触发后，多图上传的默认实现调用了三次POST请求。
题主的需求正好需要的是多图一次上传，并且还要附带一些基础
最低0.47元/天 解锁文章
扫一扫
1356
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
