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多文件上传内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JAVA中Spring Security示例及常见问题

    JAVA中Spring Security示例及常见问题

    文章概述Spring Security OAuth2与JWT模块的版本兼容性及迁移建议,强调2.5.x支持JDK8但已弃用,推荐新项目使用SpringAuthorizationServer(Spring Boot3.x+),并指出依赖冲突、配置示例及密钥安全注意事项,感兴趣的朋友一起看看吧
    2025-07-07
  • Java实现单例设计模式方法解析

    Java实现单例设计模式方法解析

    这篇文章主要介绍了Java实现单例设计模式方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-04-04
  • Java同步容器和并发容器详解

    Java同步容器和并发容器详解

    这篇文章主要介绍了Java同步容器和并发容器详解,容器是Java基础类库中使用频率最高的一部分,Java集合包中提供了大量的容器类来帮组我们简化开发,下面小编和大家来一起学习下吧
    2019-06-06
  • Java实体类之间的相互转换方式

    Java实体类之间的相互转换方式

    这篇文章主要介绍了Java实体类之间的相互转换方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-08-08
  • Java打印高质量日志的10条方法详解

    Java打印高质量日志的10条方法详解

    你以为打日志是小事,也许正是这种轻视,让你在凌晨三点被生产事故电话吵醒,一个优秀的工程师和普通码农的区别,往往体现在那些看似微不足道的细节上,下面我们就来看看如何打印高质量日志吧
    2025-06-06
  • MultipartResolver实现文件上传功能

    MultipartResolver实现文件上传功能

    这篇文章主要为大家详细介绍了MultipartResolver实现文件上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Java Lambda表达式语法及用法示例

    Java Lambda表达式语法及用法示例

    这篇文章主要给大家介绍了关于Java Lambda表达式语法及用法的相关资料,lambda表达式是JAVA8中提供的一种新的特性,它支持Java也能进行简单的"函数式编程",文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • Java+opencv3.2.0之直方图均衡详解

    Java+opencv3.2.0之直方图均衡详解

    这篇文章主要为大家详细介绍了Java+opencv3.2.0之直方图均衡的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-02-02
  • java编写全年考勤日历

    java编写全年考勤日历

    这篇文章主要为大家详细介绍了java编写全年考勤日历,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • Java多线程之Park和Unpark原理

    Java多线程之Park和Unpark原理

    这篇文章主要介绍了Java多线程之Park和Unpark原理,需文中有非常详细的代码示例,对正在学习java的小伙伴们有非常好的帮助,要的朋友可以参考下
    2021-04-04

最新评论