最代码-泽正
2017-11-28 13:49:48
原
spring mvc+bootstrap实现文件的上传实例
写在开始:
这个简单的项目中主要用到了spring+springmvc+bootstrap,目的就是通过springmvc实现文件的上传和下载,前台页面使用的bootstrap的文件上传样式,后台根据springmvc实现的文件上传到虚拟路径,在上传之前必须先搭建虚拟服务器,搭建虚拟服务器我的博客中详细说明,请查看就好。
为了方便需要的牛牛能更好的根据我写的博客实现代码,特此将源码和实例截图分享给需要的牛牛。
正文:
jsp页面:
其中要想使用bootstrap的文件上传样式必须引入bootstrap的样式文件和js文件,如上图。
下面我们看看bootstap的上传页面:
注:bootstrap提供了很多文件上传的样式,这里我只引用其中一种,个人觉得这款样式很不错,只是多文件上传并且支持多文件拖拽,并且带有上传进度条等多种样式。
后台代码部分截图:
注:上图中红箭头就代表我们上传的文件的位置,就是我们搭建的虚拟路径的本地文件上传路径。
整个文件上传就这样实现了,简单又大方。下面是实现成功的截图:
注:上图中多个文件同时上传,同时支持拖拽。
接着点击上传我们可以看到实时进度和上传成功的绿色信息。如图:
接着我们就可以在我们配置的虚拟路径可以看到上传的文件:如图
到此,整个文件上传完成。
整个项目结构截图:
写在最后:有需要的牛牛可以下载玩玩,结合我的博客spring mvc实现文件上传到虚拟路径完全可以无压力实现文件上传功能,该项目为maven项目,有问题的可以咨询。
猜你喜欢
请下载代码后再发表评论
文件名:UPLOAD.rar,文件大小:378.838K
下载
- /
- /UPLOAD
- /UPLOAD/.classpath
- /UPLOAD/.metadata
- /UPLOAD/.metadata/src
- /UPLOAD/.metadata/src/main
- /UPLOAD/.metadata/src/main/webapp
- /UPLOAD/.metadata/src/main/webapp/WEB-INF
- /UPLOAD/.metadata/src/main/webapp/WEB-INF/faces-config.pageflow
- /UPLOAD/.metadata/src/main/webapp/WEB-INF
- /UPLOAD/.metadata/src/main/webapp
- /UPLOAD/.metadata/src/main
- /UPLOAD/.metadata/src
- /UPLOAD/.project
- /UPLOAD/.settings
- /UPLOAD/.settings/.jsdtscope
- /UPLOAD/.settings/com.genuitec.eclipse.j2eedt.ui.prefs
- /UPLOAD/.settings/org.eclipse.jdt.core.prefs
- /UPLOAD/.settings/org.eclipse.m2e.core.prefs
- /UPLOAD/.settings/org.eclipse.wst.common.component
- /UPLOAD/.settings/org.eclipse.wst.common.project.facet.core.prefs.xml
- /UPLOAD/.settings/org.eclipse.wst.common.project.facet.core.xml
- /UPLOAD
相关代码
- 证精 基于浏览器首选语言的springmvc和freemarker国际化配置的实现
- 原 基于maven与springMVC的拦截器Interceptor,控制器Controller的使用
- springmvc @RequestMapping注解的入门配置教程
- 精 SpringMVC的三种统一异常处理实例代码分享
- 证精 bootstrap jquery underscore backbone 新浪微博 springmvc整合demo代码
- 精 spring mvc-showcase,便于学习springmvc,maven工程,建议使用谷歌浏览器
- 原证精 springmvc @RequestMapping注解伪静态技术
- 原 springMVC注解与hibernate完美结合完成基本的增删改查demo源码下载
- 原 SpringMVC整合Redis demo小例子
- 原证精 java Web SpringMVC项目实现12306余票查询功能
- 原证 springmvc开发微信公众平台验证token接口教程及其java源代码分享
- 原 SpringMvc整合Mybatis搭建java Web入门项目实例,是基于MAVEN的java web工程
最近下载
oldfox LV19
2022年2月22日
zxysss LV3
2022年1月6日
he88318799 LV16
2021年12月1日
明天更美好 LV10
2021年9月9日
wu000000
2021年7月21日
暂无贡献等级
元九 LV2
2021年5月24日
fcy0207 LV10
2021年1月27日
helloworldsbsb LV7
2021年1月10日
zerohuang0822 LV1
2020年9月3日
松烟入墨2018 LV16
2020年7月13日
最近浏览
welcome丶 LV8
4月26日
uni-code_0123 LV1
2023年11月29日
601601lmy LV5
2023年7月19日
yymmdm LV6
2022年9月5日
crosa_Don LV18
2022年6月7日
lcy123ww LV5
2022年3月31日
qianjc LV22
2022年3月24日
Chen2618kk
2022年3月19日
暂无贡献等级
beibao_bruce
2022年3月18日
暂无贡献等级
1804458609 LV4
2022年3月11日