最代码-泽正
2017-11-28 13:49:48
原
spring mvc+bootstrap实现文件的上传实例
写在开始:
这个简单的项目中主要用到了spring+springmvc+bootstrap,目的就是通过springmvc实现文件的上传和下载,前台页面使用的bootstrap的文件上传样式,后台根据springmvc实现的文件上传到虚拟路径,在上传之前必须先搭建虚拟服务器,搭建虚拟服务器我的博客中详细说明,请查看就好。
为了方便需要的牛牛能更好的根据我写的博客实现代码,特此将源码和实例截图分享给需要的牛牛。
正文:
jsp页面:
其中要想使用bootstrap的文件上传样式必须引入bootstrap的样式文件和js文件,如上图。
下面我们看看bootstap的上传页面:
注:bootstrap提供了很多文件上传的样式,这里我只引用其中一种,个人觉得这款样式很不错,只是多文件上传并且支持多文件拖拽,并且带有上传进度条等多种样式。
后台代码部分截图:
注:上图中红箭头就代表我们上传的文件的位置,就是我们搭建的虚拟路径的本地文件上传路径。
整个文件上传就这样实现了,简单又大方。下面是实现成功的截图:
注:上图中多个文件同时上传,同时支持拖拽。
接着点击上传我们可以看到实时进度和上传成功的绿色信息。如图:
接着我们就可以在我们配置的虚拟路径可以看到上传的文件:如图
到此,整个文件上传完成。
整个项目结构截图:
写在最后:有需要的牛牛可以下载玩玩,结合我的博客spring mvc实现文件上传到虚拟路径完全可以无压力实现文件上传功能,该项目为maven项目,有问题的可以咨询。
猜你喜欢
- Spring MVC实现的带参数的form表单多文件上传
- spring mvc实现文件上传功能
- spring mvc文件上传与下载实例
- spring mvc+easyui开发文件上传下载实例demo源码下载
- Spring MVC+ajax+base64+amazeui框架上传头像带裁剪功能
- spring mvc+Maven+ZUI可拖拽多个文件上传和下载实例
- 基于maven与springMVC的拦截器Interceptor,控制器Controller的使用
- Spring Mvc初学者专用,里面有4套案例!
- Spring MVC多视图配置简单demo实例,支持freemarker、velocity、jsp视图
- spring3.0 mvc和rest风格的小例子配置demo代码教程
- spring mvc注解代码实例教程
- SpringMVC的三种统一异常处理实例代码分享
请下载代码后再发表评论
文件名: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的使用
- spring mvc 学习使用模板 基础教程
- spring mvc实现文件上传功能
- 原证 Spring Mvc初学者专用,里面有4套案例!
- 原证 Spring MVC多视图配置简单demo实例,支持freemarker、velocity、jsp视图
- spring mvc注解代码实例教程
- 原证精 spring mvc如何将form表单中的对象类型绑定
- 精 SpringMVC的三种统一异常处理实例代码分享
- spring3.0 mvc和rest风格的小例子配置demo代码教程
- 原 Spring MVC+apache Shiro框架搭建,基于maven构建
- 待 Spring学习笔记之Spring MVC 入门教程

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
2024年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日