SpringMVC单文件上传多文件上传文件列表显示文件下载（转）

Posted 2020-06-22 沧海一滴

  林炳文Evankaka原创作品。转载请注明出处http://blog.csdn.net/evankaka

本文详细讲解了SpringMVC实例单文件上传、多文件上传、文件列表显示、文件下载。

本文工程免费下载

一、新建一个Web工程，导入相关的包

springmvc的包+commons-fileupload.jar+connom-io.jar+commons-logging,jar+jstl.jar+standard.jar

整个相关的包如下：

整个工程目录如下：

二、配置web.xml和SpringMVC文件

（1）web.xml

 

[html] view plain copy

 

 

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
3.     xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"  
4.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"  
5.     id="WebApp_ID" version="3.0">  
6.     <!-- SpringMVC的前端控制器 -->  
7.     <servlet>  
8.         <servlet-name>MyDispatcher</servlet-name>  
9.         <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  
10.         <!-- 设置自己定义的控制器xml文件 -->  
11.         <init-param>  
12.             <param-name>contextConfigLocation</param-name>  
13.             <param-value>/WEB-INF/springMVC-servlet.xml</param-value>  
14.         </init-param>  
15.         <load-on-startup>1</load-on-startup>  
16.     </servlet>  
17.     <!-- Spring MVC配置文件结束 -->  
18.   
19.     <!-- 拦截设置 -->  
20.     <servlet-mapping>  
21.         <servlet-name>MyDispatcher</servlet-name>  
22.         <!-- 由SpringMVC拦截所有请求 -->  
23.         <url-pattern>/</url-pattern>  
24.     </servlet-mapping>  
25.       
26. </web-app>  

(2)springMVC-servlet.xml文件

 

 

[html] view plain copy

 

 

1. <beans xmlns="http://www.springframework.org/schema/beans"  
2.     xmlns:context="http://www.springframework.org/schema/context"  
3.     xmlns:util="http://www.springframework.org/schema/util"   
4.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"  
5.      xmlns:mvc="http://www.springframework.org/schema/mvc"    
6.     xsi:schemaLocation="    
7.         http://www.springframework.org/schema/util   
8.         http://www.springframework.org/schema/util/spring-util-3.0.xsd  
9.         http://www.springframework.org/schema/mvc   
10.         http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd  
11.         http://www.springframework.org/schema/beans         
12.         http://www.springframework.org/schema/beans/spring-beans-3.0.xsd    
13.         http://www.springframework.org/schema/mvc      
14.         http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd  
15.         http://www.springframework.org/schema/context     
16.         http://www.springframework.org/schema/context/spring-context-3.0.xsd">  
17.           
18.     <!-- 把标记了@Controller注解的类转换为bean -->  
19.     <context:component-scan base-package="com.mucfc" />  
20.     <!-- 对模型视图名称的解析，即在模型视图名称添加前后缀 -->  
21.     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"  
22.         p:prefix="/WEB-INF/views/" p:suffix=".jsp"/>  
23.             
24.     <!-- 上传文件的设置 ，maxUploadSize=-1，表示无穷大。uploadTempDir为上传的临时目录 -->  
25.    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"    
26.         p:defaultEncoding="UTF-8"    
27.         p:maxUploadSize="5400000"    
28.         p:uploadTempDir="fileUpload/temp"    
29.      />    
30.   
31. </beans>  

 

 

三、单个文件上传

（1）控制器

 

[java] view plain copy

 

 

1. @Controller  
2. @RequestMapping("/file")  
3. public class FileController {  
4.   
5.     @RequestMapping("/toFile")  
6.     public String toFileUpload() {  
7.         return "fileUpload";  
8.     }  
9.   
10.     @RequestMapping("/toFile2")  
11.     public String toFileUpload2() {  
12.         return "fileUpload2";  
13.     }  
14.   
15.     /** 
16.      * 方法一上传文件 
17.      */  
18.     @RequestMapping("/onefile")  
19.     public String oneFileUpload(  
20.             @RequestParam("file") CommonsMultipartFile file,  
21.             HttpServletRequest request, ModelMap model) {  
22.   
23.         // 获得原始文件名  
24.         String fileName = file.getOriginalFilename();  
25.         System.out.println("原始文件名:" + fileName);  
26.   
27.         // 新文件名  
28.         String newFileName = UUID.randomUUID() + fileName;  
29.   
30.         // 获得项目的路径  
31.         ServletContext sc = request.getSession().getServletContext();  
32.         // 上传位置  
33.         String path = sc.getRealPath("/img") + "/"; // 设定文件保存的目录  
34.   
35.         File f = new File(path);  
36.         if (!f.exists())  
37.             f.mkdirs();  
38.         if (!file.isEmpty()) {  
39.             try {  
40.                 FileOutputStream fos = new FileOutputStream(path + newFileName);  
41.                 InputStream in = file.getInputStream();  
42.                 int b = 0;  
43.                 while ((b = in.read()) != -1) {  
44.                     fos.write(b);  
45.                 }  
46.                 fos.close();  
47.                 in.close();  
48.             } catch (Exception e) {  
49.                 e.printStackTrace();  
50.             }  
51.         }  
52.   
53.         System.out.println("上传图片到:" + path + newFileName);  
54.         // 保存文件地址，用于JSP页面回显  
55.         model.addAttribute("fileUrl", path + newFileName);  
56.         return "fileUpload";  
57.     }  
58.   
59.     /** 
60.      * 方法二上传文件，一次一张 
61.      */  
62.     @RequestMapping("/onefile2")  
63.     public String oneFileUpload2(HttpServletRequest request,  
64.             HttpServletResponse response) throws Exception {  
65.         CommonsMultipartResolver cmr = new CommonsMultipartResolver(  
66.                 request.getServletContext());  
67.         if (cmr.isMultipart(request)) {  
68.             MultipartHttpServletRequest mRequest = (MultipartHttpServletRequest) (request);  
69.             Iterator<String> files = mRequest.getFileNames();  
70.             while (files.hasNext()) {  
71.                 MultipartFile mFile = mRequest.getFile(files.next());  
72.                 if (mFile != null) {  
73.                     String fileName = UUID.randomUUID()  
74.                             + mFile.getOriginalFilename();  
75.                     String path = "d:/upload/" + fileName;  
76.   
77.                     File localFile = new File(path);  
78.                     mFile.transferTo(localFile);  
79.                     request.setAttribute("fileUrl", path);  
80.                 }  
81.             }  
82.         }  
83.         return "fileUpload";  
84.     }  
85. }  

（2）JSP,这个页面是用来上传又用来显示上传后的图片的页面fileUpload.jsp

 

 

[html] view plain copy

 

 

1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
2.     pageEncoding="UTF-8"%>  
3. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>  
4. <%  
5.     String path = request.getContextPath();  
6.     String basePath = request.getScheme() + "://"  
7.             + request.getServerName() + ":" + request.getServerPort()  
8.             + path + "/";  
9. %>  
10. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
11. <html>  
12. <head>  
13. <title>用户上传图片页面</title>  
14.  <base href="<%=basePath%>">  
15. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
16. </head>  
17. <body>  
18.     <center>  
19.         <form action="file/onefile"  
20.             method="post" enctype="multipart/form-data">  
21.             <input type="file" name="file" />   
22.             <input type="submit" value="上 传" />  
23.         </form>  
24.         <h5>上传结果：</h5>  
25.         <img alt="暂无图片" src="${fileUrl}" />  
26.     </center>  
27. </body>  
28. </html>  

 

 

现在运行后来看看效果，输入：http://localhost:8080/SpringMVCLearningChapter4_1/file/toFile

控制台输出结果，选择图片后

原始文件名:Chrysanthemum.jpg
上传图片到:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img/4eafc28c-4baa-4018-ac06-c4a5aec88d6cChrysanthemum.jpg

图片已被上传，可以在JSP中显示出来

来看看服务器的路径：E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img

表明图片已经上传到服务器

方法二：

使用文件流的方式来上传

 

[java] view plain copy

 

 

1. /** 
2.  * 方法二上传文件，一次一张 
3.  */  
4. @RequestMapping("/onefile2")  
5. public String oneFileUpload2(HttpServletRequest request,  
6.         HttpServletResponse response) throws Exception {  
7.     CommonsMultipartResolver cmr = new CommonsMultipartResolver(  
8.             request.getServletContext());  
9.     if (cmr.isMultipart(request)) {  
10.         MultipartHttpServletRequest mRequest = (MultipartHttpServletRequest) (request);  
11.         Iterator<String> files = mRequest.getFileNames();  
12.         while (files.hasNext()) {  
13.             MultipartFile mFile = mRequest.getFile(files.next());  
14.             if (mFile != null) {  
15.                 String fileName = UUID.randomUUID()  
16.                         + mFile.getOriginalFilename();  
17.                 String path = "d:/upload/" + fileName;  
18.   
19.                 File localFile = new File(path);  
20.                 mFile.transferTo(localFile);  
21.                 request.setAttribute("fileUrl", path);  
22.             }  
23.         }  
24.     }  
25.     return "fileUpload";  
26. }  

 

把

[html] view plain copy

 

 

1. <center>  
2.     <form action="file/onefile"  
3.         method="post" enctype="multipart/form-data">  
4.         <input type="file" name="file" />   
5.         <input type="submit" value="上 传" />  
6.     </form>  
7.     <h5>上传结果：</h5>  
8.     <img alt="暂无图片" src="${fileUrl}" />  
9. </center>  

中的

[html] view plain copy

 

 

1. <form action="file/onefile"  

改成

 

 

[html] view plain copy

 

 

1. <form action="file/onefile2"  

输入：http://localhost:8080/SpringMVCLearningChapter4_1/file/toFile

 

方法二指定上传到了本地E盘的upload文件夹

页面结果

四、多文件上传

（1）控制器

 

[html] view plain copy

 

 

1. @RequestMapping("/toFile2")  
2. public String toFileUpload2() {  
3.     return "fileUpload2";  
4. }  

 

 

[java] view plain copy

 

 

1. /** 
2.  * 一次上传多张图片 
3.  */  
4. @RequestMapping("/threeFile")  
5. public String threeFileUpload(  
6.         @RequestParam("file") CommonsMultipartFile files[],  
7.         HttpServletRequest request, ModelMap model) {  
8.   
9.     List<String> list = new ArrayList<String>();  
10.     // 获得项目的路径  
11.     ServletContext sc = request.getSession().getServletContext();  
12.     // 上传位置  
13.     String path = sc.getRealPath("/img") + "/"; // 设定文件保存的目录  
14.     File f = new File(path);  
15.     if (!f.exists())  
16.         f.mkdirs();  
17.   
18.     for (int i = 0; i < files.length; i++) {  
19.         // 获得原始文件名  
20.         String fileName = files[i].getOriginalFilename();  
21.         System.out.println("原始文件名:" + fileName);  
22.         // 新文件名  
23.         String newFileName = UUID.randomUUID() + fileName;  
24.         if (!files[i].isEmpty()) {  
25.             try {  
26.                 FileOutputStream fos = new FileOutputStream(path  
27.                         + newFileName);  
28.                 InputStream in = files[i].getInputStream();  
29.                 int b = 0;  
30.                 while ((b = in.read()) != -1) {  
31.                     fos.write(b);  
32.                 }  
33.                 fos.close();  
34.                 in.close();  
35.             } catch (Exception e) {  
36.                 e.printStackTrace();  
37.             }  
38.         }  
39.         System.out.println("上传图片到:" + path + newFileName);  
40.         list.add(path + newFileName);  
41.   
42.     }  
43.     // 保存文件地址，用于JSP页面回显  
44.     model.addAttribute("fileList", list);  
45.     return "fileUpload2";  
46.   
47. }  

其实就是在单文件上传的方法一中来修改的，只不过弄成了个循环

 

（2）JSP显示页面fileUpload2.jsp

 

[html] view plain copy

 

 

1. <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"  
2.     pageEncoding="UTF-8"%>  
3. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>  
4. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>  
5. <%  
6.     String path = request.getContextPath();  
7.     String basePath = request.getScheme() + "://"  
8.             + request.getServerName() + ":" + request.getServerPort()  
9.             + path + "/";  
10. %>  
11. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
12. <html>  
13. <head>  
14. <title>用户上传图片页面</title>  
15. <base href="<%=basePath%>">  
16. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
17. </head>  
18. <body>  
19.     <center>  
20.         <form action="file/threeFile" method="post"  
21.             enctype="multipart/form-data">  
22.             <input type="file" name="file" /><br /> <input type="file"  
23.                 name="file" /><br /> <input type="file" name="file" /><br /> <input  
24.                 type="submit" value="上 传" />  
25.         </form>  
26.         <h5>上传结果：</h5>  
27.   
28.         <c:forEach items="${fileList}" var="imagename">  
29.                 <img alt="暂无图片" src="${imagename}" /> <br/>  
30.         </c:forEach>  
31.   
32.   
33.   
34.     </center>  
35. </body>  
36. </html>  

注意这里用了

[html] view plain copy

 

 

以上是关于SpringMVC单文件上传多文件上传文件列表显示文件下载（转）的主要内容，如果未能解决你的问题，请参考以下文章

SpringMvc入门五----文件上传

Spring实现文件的上传下载

springmvc单文件上传

SpringMVC上传文件的 4 种方式，你都会么？

springmvc的单文件上传

java多文件上传显示进度条