MultipartFile多文件上传(免插件)

需求:同时上传多个CSV文件

设计:SpringMVC多文件上传使用MultipartFile。

1.pom.xml加上文件上传依赖;pring配置文件中配置MultipartResover,用于处理表单中的file。具体代码如下:

pom.xml


spring-mvc.xml

2.jsp页面上建一个form表单,在表单下增加一个type为file的input框。form表单加上enctype属性,input框加上mulipart。


form表单

3.点击上传,触发changeFileName事件,用于展示所选的文件名称列表。


注:curFiles定义的是全局变量,原来存放上传的文件。由于原始FileList对象不可更改,所以将其赋予curFiles提供接下来的修改,关键代码:Array.prototype.push.apply(curFiles, files);;curFiles获取到文件后,将$('#file').val('');置为空,用于触发changeFileName事件,不然删除文件后上传跟上次一样的文件就不走changeFileName方法。

4.点击确认导入,使用FormData进行Ajax请求上传文件到controller层的实现。

5.后台接收用MultipartFile[] file

总结:之前用ajaxFileUpload多文件上传,一直在改源码,但是坑太多,后来用了它的思想,总了最简单的方法。

作为一个刚干开发没多久的程序媛,以后要学习的地方还很多,请多赐教

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,677评论 19 139
  • H5新增表单属性 form属性 以前,表单内的从属元素必须书写在表单内部。但在H5中可以把表单内的从属元素书写在任...
    oWSQo阅读 1,860评论 0 0
  • 本文包括:1、文件上传概述2、利用 Commons-fileupload 组件实现文件上传3、核心API——Dis...
    廖少少阅读 12,746评论 5 91
  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 898评论 0 3
  • 楼下有扇离菜场很近的门,于是路边自然成了一条摆摊的街。每天卖菜卖水果的老头老太很是热闹。 这片是拆迁安置房区,大多...
    抽屉里的牧羊女阅读 421评论 0 2

友情链接更多精彩内容