这篇文章主要介绍了vue+element_ui上传文件,并传递额外参数操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
需求：
1、文件大小验证
2、文件类型验证
3、额外参数传输
上传文件只能上传xlsx/xls/csv文件，且不超过{{formMaxSize}}M
总结：
关于el-upload中各属性的配置，可以看element_ui官网
后端接受上传文件和额外参数：
@RequestParam(value = "uid") String uid, @RequestParam(value = "files") MultipartFile[] files
补充知识：vue利用elementUI上传文件以及其他参数的处理方式
将文件自动上传改为false
:auto-upload="false"
点击保存的时候，调用el-upload的上传方法
代码如下（封装的上传方法）
export function mpp(data) { return new Promise(function(resolve, reject) { let data = { method: "POST", url:url, data:data } resolve(axios(data)); }) }
一级进度计划匹配项目总工期，项目下只可建立一个，请确认后再添加！ 请选择文件 取消保存
.clickBtn { text-align: center; } .warnInfo{ // color: #feba51; color: rgb(64, 158, 255); }
以上这篇vue+element_ui上传文件,并传递额外参数操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持本站。
以上就是vue+element_ui上传文件,并传递额外参数操作的详细内容，更多请关注本站其它相关文章！
