参考:http://club.jledu.gov.cn/?uid-5282-action-viewspace-itemid-188672
加上传功能,不影响原来数据和对象的获取。
1.修改spring mvc的配置文件,我的是webmvc-config.xml。加入
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- 以字节为单位的最大上传文件的大小 -->
<property name="maxUploadSize" value="1000000" />
</bean>
2.加入两个依赖的jar包(spring官网可以下载到对应版本的常用依赖jar包):
com.springsource.org.apache.commons.io-1.4.0.jar
com.springsource.org.apache.commons.fileupload-1.2.2.jar
3.页面中的值。注意表单的file的name
为"file"
<form action="upload.do" method="post" enctype="multipart/form-data">
<input name="file" type="file" >
<input type="submit">
</form>
form中依然可以写其他的文本框,单选框,下拉框,等等,后台依旧能同时获取
4.在后台的Controller层的upload方法中的HttpServletRequest request 改变为 DefaultMultipartHttpServletRequest request
完整的后台代码
@RequestMapping(value="/upload")
public String update(DefaultMultipartHttpServletRequest request){
CommonsMultipartFile file = (CommonsMultipartFile) request.getFile("file");
//这里的file就是前台页面的name
if(file.isEmpty()){
return null;
}
//获取路径,生成完整的文件路径,当然要先创建upload文件夹
了。
String fileName = request.getRealPath("upload")+File.separator+System.currentTimeMillis()+file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."));
File uploadFile = new File(fileName);
try {
//上传
FileCopyUtils.copy(file.getBytes(), uploadFile);
} catch (IOException e) {
e.printStackTrace();
}
return null;
}
5.页面加预览
页面的详细代码,加本地预览(火狐能用,IE9不能)
<script type="text/javascript">
function changePicUrl(){
var dFile = document.getElementById('file');
var dImg = document.getElementById('pic');
if(dFile.files){
dImg.src = dFile.files[0].getAsDataURL();//这里不懂??
}else
if(dFile.value.indexOf('\\') > -1 || dFile.value.indexOf('\/') > -1){
dImg.src = dFile.value;
}
}
</script>
<form action="head/upload.html" method="post" enctype="multipart/form-data">
上传文件<input name="file" type="file" onchange="changePicUrl()">
<img name="pic" id="pic" alt="" src="">
<input type="submit">
</form>
这个本地显示的代码还不大懂,怎么不支持ie9?
上传完毕。
分享到:
相关推荐
spring mvc+spring+hibernate+bootstrap+mysql 考勤及薪酬管理系统
综合spring mvc + spring + hibernate + bootstrap开发图书管理系统
spring mvc+spring+hibernaate+bootstrap+maven通用后台部门员工管理系统.zip
基于ssm(spring+spring mvc+mybatis+maven)高仿bilibili视频网站项目源码.zip 基于ssm(spring+spring mvc+mybatis+maven)高仿bilibili视频网站项目源码.zip 基于ssm(spring+spring mvc+mybatis+maven)高仿bilibili...
spring mvc + spring + hibernate 全注解整合开发视频教程 06.haozip03
01. 采用后台及前台的 Spring + Spring mvc + Hibernate + Bootstrap 02. 后台全注解式的开发(除了必要的spring和hibernate的xml配置以外) 03. 后台通过自定义注解结合一个访问拦截器实现整个系统的权限控制 04...
校社联社团管理系统(Spring MVC+Spring+Mybatis+Redis),用来记录进度,和保存文件,完成一定阶段都上传到小组仓库中。 校社联社团管理系统(Spring MVC+Spring+Mybatis+Redis),用来记录进度,和保存文件,完成...
使用环境:MyEclipse/Eclipse + Tomcat + MySQL。 使用技术:Spring MVC + Spring + MyBatis / JSP + Servlet + JavaBean + JDBC。
spring mvc + spring + hibernate 全注解整合开发视频教程 11
全套完整的spring+spring mvc+mybatis+mysql+dubbo整合开发任务流程后台管理系统
按标签检索电影 根据电影选择场次 根据场次选择座位 购票 查看个人订单 申请退票 发布评论、修改评论、删除评论 后台: 用户管理:增、删、改、查 电影管理:添加电影、修改和下架前台在映的电影 ...
spring mvc + spring + hibernate 全注解整合开发视频教程 12
简单的一个Spring MVC+ Spring+ Mybatis的Demo搭建案例,适合刚开始学习的小伙伴
Maven+Spring+Spring MVC+MyBatis+MySQL,搭建SSM框架环境
SSM(spring+spring MVC+mybatis)开发学生信息后台管理系统,实现学生增删改查功能设计一个简单的学生信息管理系统,要求使用SSM框架技术整合实现,用户登录后能够通过Web页面添加、删除、修改和查询学生信息 ...
项目描述 学生成绩管理系统,有三...spring boot+spring mvc+mybatis+layui+jquery+thymeleaf http://localhost:8080/Sys/loginView 管理员账号 admin admin 老师登录 2020031920 111111 学生账号登录 20200319 111111
基于ssm(spring+spring mvc+mybatis+maven)实现的高仿bilibili视频网站+源码+开发文档,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~ 基于ssm(spring+spring mvc...
spring mvc + spring + hibernate 全注解整合开发视频教程 04
案例8:Spring整合Spring MVC与Hibernate + EasyUI实现电子商城后台订单管理.docx案例8:Spring整合Spring MVC与Hibernate + EasyUI实现电子商城后台订单管理.docx案例8:Spring整合Spring MVC与Hibernate + EasyUI...
案例8:Spring整合Spring MVC与Hibernate + EasyUI实现电子商城后台订单管理.pdf案例8:Spring整合Spring MVC与Hibernate + EasyUI实现电子商城后台订单管理.pdf案例8:Spring整合Spring MVC与Hibernate + EasyUI...