需求:
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));
})
}
一级进度计划匹配项目总工期,项目下只可建立一个,请确认后再添加! 请选择文件 取消 保存