好资源导航 » 文章资讯 » vue+element_ui上传文件,并传递额外参数操作

vue+element_ui上传文件,并传递额外参数操作

2023-07-08 18:42:10 83

需求：

1、文件大小验证

2、文件类型验证

3、额外参数传输

总结：

关于el-upload中各属性的配置，可以看element_ui官网

后端接受上传文件和额外参数：

@RequestParam(value="uid")Stringuid,@RequestParam(value="files")MultipartFile[]files

补充知识：vue利用elementUI上传文件以及其他参数的处理方式

将文件自动上传改为false

:auto-upload="false"

点击保存的时候，调用el-upload的上传方法

代码如下（封装的上传方法）

exportfunctionmpp(data){
returnnewPromise(function(resolve,reject){
letdata={
method:"POST",
url:url,
data:data
}
resolve(axios(data));
})
}



.clickBtn{
text-align:center;
}
.warnInfo{
//color:#feba51;
color:rgb(64,158,255);
}

以上这篇vue+element_ui上传文件,并传递额外参数操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。