springboot+element-ui实现多文件一次上传功能
更新时间:2023年06月30日 09:59:41 作者:--勇
这篇文章主要介绍了springboot+element-ui多文件一次上传功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
前端:
<el-upload drag :multiple="true" :limit="10" :auto-upload="false" :file-list="fileList" ref="fileUpload" > <i class="el-icon-upload"></i> <div class="el-upload__text"> 将文件拖到此处,或<em>点击上传</em> </div> <div class="el-upload__tip" slot="tip"> 只能上传{{ fileExt }}文件,且不超过{{ getFileSize() }} </div> </el-upload>
定义上传方法:
submitFile() { const formData = new FormData(); formData.append("bizType", this.bizType); /** * 所有选择的文件,放到FormData对象中上传 * fileName[] 属性名根据自身情况定义 */ this.fileList.map(file => { formData.append("file", file.raw); }); this.$http.post("/mom/sopFile/upload", formData) .then(res => { if (res && res.isSuccess) { console.log("上传成功"); } else { console.log(res.msg); } }); },
Java上传:
@PostMapping(value = "/upload", headers = "content-type=multipart/form-data") @SysLog("上传附件") @ResponseBody public R<Boolean> upload(@RequestParam(value = "file") List<MultipartFile> files, @Validated SopFileUploadVO fileUploadVO) { // 忽略路径字段,只处理文件类型 if (files.size() < 1) { return R.fail("请上传有效文件"); } for (MultipartFile file : files) { //在这里编写上传代码 } return R.success(true); }
到此这篇关于springboot+element-ui多文件一次上传的文章就介绍到这了,更多相关springboot element-ui多文件上传内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
idea运行tomcat报错找不到catalina.bat,系统找不到指定的文件问题
这篇文章主要介绍了idea运行tomcat报错找不到catalina.bat,系统找不到指定的文件问题,具有很好的参考价值,希望对大家有所帮助,2023-11-11SpringFramework应用接入Apollo配置中心过程解析
这篇文章主要介绍了SpringFramework应用接入Apollo配置中心过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
最新评论