需要的下载文件：
jQuery.form.js
jquery.js
commons-fileupload.jar
commons-io.jar
示例图片
pom.xml
|
1
2
3
4
5
6
7
8
9
10
11
|
<!-- 文件上传 --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> |
web.xml 解决上传后中文文件名乱码问题
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!-- 解决提交时中文乱码问题 start --> <filter> <filter-name>Set Character Encoding</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> </filter> <filter-mapping> <filter-name>Set Character Encoding</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <!-- 解决提交时中文乱码问题 end --> |
servlet-context.xml中添加对上传的支持
|
1
2
3
|
<!-- 支持文件上传 --> <beans:bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> </beans:bean> |
jsp文件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path; %> <html lang="us"> <head> <meta charset="utf-8"> <title>springmvc上传文件</title> <link type="text/css" href="<%=basePath%>/resources/css/jquery-ui/jquery-ui.css" rel="stylesheet" /> <link href="<%=basePath%>/resources/themes/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h2>springmvc上传文件</h2> <br/> <br/> <div class="alert alert-success" id="formSucc"></div> <br/> <form role="form" id="uploadForm" name="uploadForm" enctype="multipart/form-data"> <div class="form-group"> <label>项目名称</label> </div> <div class="form-group"> <label> <input class="form-control" maxlength="30" id="projectName" name="projectName"> </label> </div> <div class="form-group"> <label>File input</label> <input type="file" name="file"> </div> <button class="btn" type="button" id="doSave">提交</button> </form> <div></div> </body> </html> <script type="text/javascript" src="<%=basePath%>/resources/js/jquery/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="<%=basePath%>/resources/js/jquery-ui/jquery-ui.js"></script> <script type="text/javascript" src="<%=basePath%>/resources/js/jqueryForm/jquery.form.js"></script> <script> $(function(){ $("#formSucc").hide(); $("#doSave").click(function(){ var requestUrl = "<%=basePath%>/widget/saveFile.json"; var projectName = $("#projectName").val(); $("#uploadForm").ajaxSubmit({ type: 'post', url: requestUrl, //data: {projectName: projectName}, //应该把这个去掉，要不然，值会有重复，因为form提交时已经做了一次提交了。 //如果projectName的值为"tt",如果这个地方不去掉，那么提交接收的值变成"tt,tt"了。 contentType: "application/x-www-form-urlencoded; charset=utf-8", success: function(data) { if(data.success){ $(".infoTips").remove(); $("#formSucc").show(); $("#formSucc").append("<label class='infoTips'>"+data.message+"</label>"); } } }); }); }); </script> |
Java的controller文件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
package com.paincupid.springmvc.widget.controller; import java.io.IOException; import java.io.InputStream; import java.util.List; import javax.annotation.Resource; import javax.servlet.http.HttpServletRequest; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.multipart.MultipartFile; import com.paincupid.springmvc.finance.domain.Finance; import com.paincupid.springmvc.test.domain.Person; import com.paincupid.springmvc.util.BaseJsonRst; import com.paincupid.springmvc.util.CreatMockData; /** * * @author arthur.paincupid.lee * @since 2016.01.24 * */@Controller@RequestMapping("/widget") public class widgetController { private static final Logger log = LoggerFactory.getLogger(widgetController.class); /** * 上传文件 * 在前台的访问路径为： http://localhost:8080/springmvc/widget/uploadFile/view * @return */ @RequestMapping("/uploadFile/view") public String uploadFile() { return "widget/uploadFile"; } @ResponseBody @RequestMapping(value="/saveFile", method=RequestMethod.POST) public BaseJsonRst saveFile(@RequestParam MultipartFile file, @RequestParam String projectName) { BaseJsonRst view = new BaseJsonRst(); String orgiginalFileName = ""; try { String fileName = file.getName(); InputStream inputStream = file.getInputStream(); String content = file.getContentType(); orgiginalFileName = file.getOriginalFilename(); log.info("fileName: "+fileName+", inputStream: "+ inputStream +"\r\n content: "+content+", orgiginalFileName: ="+ orgiginalFileName +"\r\n projectName: "+ projectName); } catch (IOException e) { e.printStackTrace(); } view.setSuccess(true); view.setMessage("上传: "+orgiginalFileName+" 文件成功！"); return view; } } |
下载源码地址：springmvc.rar
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：http://blog.csdn.net/paincupid/article/details/50934222?locationNum=4&fps=1
