1. 程式人生 > >SSM框架-SpringMVC 例項檔案上傳下載

SSM框架-SpringMVC 例項檔案上傳下載

目錄(?)[+]

本文詳細講解了SpringMVC例項單檔案上傳、多檔案上傳、檔案列表顯示、檔案下載

一、新建一個Web工程,匯入相關的包

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

整個相關的包如下:

整個工程目錄如下:

二、配置web.xml和SpringMVC檔案

(1)web.xml

  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.     <servlet-mapping>  
  20.         <servlet-name>MyDispatcher</servlet-name>  
  21.         <!-- 由SpringMVC攔截所有請求 -->  
  22.         <url-pattern>/</url-pattern>  
  23.     </servlet-mapping>  
  24. </web-app>  
  1. <?xmlversion="1.0"encoding="UTF-8"?>
  2. <web-appxmlns: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.     <servlet-mapping>
  20.         <servlet-name>MyDispatcher</servlet-name>
  21.         <!-- 由SpringMVC攔截所有請求 -->
  22.         <url-pattern>/</url-pattern>
  23.     </servlet-mapping>
  24. </web-app>
(2)springMVC-servlet.xml檔案
  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.     <!-- 把標記了@Controller註解的類轉換為bean -->  
  18.     <context:component-scan base-package="com.mucfc" />  
  19.     <!-- 對模型檢視名稱的解析,即在模型檢視名稱新增前後綴 -->  
  20.     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"  
  21.         p:prefix="/WEB-INF/views/" p:suffix=".jsp"/>  
  22.     <!-- 上傳檔案的設定 ,maxUploadSize=-1,表示無窮大。uploadTempDir為上傳的臨時目錄 -->  
  23.    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"    
  24.         p:defaultEncoding="UTF-8"    
  25.         p:maxUploadSize="5400000"    
  26.         p:uploadTempDir="fileUpload/temp"    
  27.      />    
  28. </beans>  
  1. <beansxmlns="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.     <!-- 把標記了@Controller註解的類轉換為bean -->
  18.     <context:component-scanbase-package="com.mucfc"/>
  19.     <!-- 對模型檢視名稱的解析,即在模型檢視名稱新增前後綴 -->
  20.     <beanclass="org.springframework.web.servlet.view.InternalResourceViewResolver"
  21.         p:prefix="/WEB-INF/views/"p:suffix=".jsp"/>
  22.     <!-- 上傳檔案的設定 ,maxUploadSize=-1,表示無窮大。uploadTempDir為上傳的臨時目錄 -->
  23.    <beanid="multipartResolver"class="org.springframework.web.multipart.commons.CommonsMultipartResolver"
  24.         p:defaultEncoding="UTF-8"
  25.         p:maxUploadSize="5400000"
  26.         p:uploadTempDir="fileUpload/temp"
  27.      />
  28. </beans>

三、單個檔案上傳

(1)控制器

  1. @Controller  
  2. @RequestMapping("/file")  
  3. public class FileController {  
  4.     @RequestMapping("/toFile")  
  5.     public String toFileUpload() {  
  6.         return "fileUpload";  
  7.     }  
  8.     @RequestMapping("/toFile2")  
  9.     public String toFileUpload2() {  
  10.         return "fileUpload2";  
  11.     }  
  12.     /** 
  13.      * 方法一上傳檔案 
  14.      */  
  15.     @RequestMapping("/onefile")  
  16.     public String oneFileUpload(  
  17.             @RequestParam("file") CommonsMultipartFile file,  
  18.             HttpServletRequest request, ModelMap model) {  
  19.         // 獲得原始檔名  
  20.         String fileName = file.getOriginalFilename();  
  21.         System.out.println("原始檔名:" + fileName);  
  22.         // 新檔名  
  23.         String newFileName = UUID.randomUUID() + fileName;  
  24.         // 獲得專案的路徑  
  25.         ServletContext sc = request.getSession().getServletContext();  
  26.         // 上傳位置  
  27.         String path = sc.getRealPath("/img") + "/"// 設定檔案儲存的目錄  
  28.         File f = new File(path);  
  29.         if (!f.exists())  
  30.             f.mkdirs();  
  31.         if (!file.isEmpty()) {  
  32.             try {  
  33.                 FileOutputStream fos = new FileOutputStream(path + newFileName);  
  34.                 InputStream in = file.getInputStream();  
  35.                 int b = 0;  
  36.                 while ((b = in.read()) != -1) {  
  37.                     fos.write(b);  
  38.                 }  
  39.                 fos.close();  
  40.                 in.close();  
  41.             } catch (Exception e) {  
  42.                 e.printStackTrace();  
  43.             }  
  44.         }  
  45.         System.out.println("上傳圖片到:" + path + newFileName);  
  46.         // 儲存檔案地址,用於JSP頁面回顯  
  47.         model.addAttribute("fileUrl", path + newFileName);  
  48.         return "fileUpload";  
  49.     }  
  50.     /** 
  51.      * 方法二上傳檔案,一次一張 
  52.      */  
  53.     @RequestMapping("/onefile2")  
  54.     public String oneFileUpload2(HttpServletRequest request,  
  55.             HttpServletResponse response) throws Exception {  
  56.         CommonsMultipartResolver cmr = new CommonsMultipartResolver(  
  57.                 request.getServletContext());  
  58.         if (cmr.isMultipart(request)) {  
  59.             MultipartHttpServletRequest mRequest = (MultipartHttpServletRequest) (request);  
  60.             Iterator<String> files = mRequest.getFileNames();  
  61.             while (files.hasNext()) {  
  62.                 MultipartFile mFile = mRequest.getFile(files.next());  
  63.                 if (mFile != null) {  
  64.                     String fileName = UUID.randomUUID()  
  65.                             + mFile.getOriginalFilename();  
  66.                     String path = "d:/upload/" + fileName;  
  67.                     File localFile = new File(path);  
  68.                     mFile.transferTo(localFile);  
  69.                     request.setAttribute("fileUrl", path);  
  70.                 }  
  71.             }  
  72.         }  
  73.         return "fileUpload";  
  74.     }  
  75. }  
  1. @Controller
  2. @RequestMapping("/file")  
  3. publicclass FileController {  
  4.     @RequestMapping("/toFile")  
  5.     public String toFileUpload() {  
  6.         return"fileUpload";  
  7.     }  
  8.     @RequestMapping("/toFile2")  
  9.     public String toFileUpload2() {  
  10.         return"fileUpload2";  
  11.     }  
  12.     /** 
  13.      * 方法一上傳檔案 
  14.      */
  15.     @RequestMapping("/onefile")  
  16.     public String oneFileUpload(  
  17.             @RequestParam("file") CommonsMultipartFile file,  
  18.             HttpServletRequest request, ModelMap model) {  
  19.         // 獲得原始檔名
  20.         String fileName = file.getOriginalFilename();  
  21.         System.out.println("原始檔名:" + fileName);  
  22.         // 新檔名
  23.         String newFileName = UUID.randomUUID() + fileName;  
  24.         // 獲得專案的路徑
  25.         ServletContext sc = request.getSession().getServletContext();  
  26.         // 上傳位置
  27.         String path = sc.getRealPath("/img") + "/"// 設定檔案儲存的目錄
  28.         File f = new File(path);  
  29.         if (!f.exists())  
  30.             f.mkdirs();  
  31.         if (!file.isEmpty()) {  
  32.             try {  
  33.                 FileOutputStream fos = new FileOutputStream(path + newFileName);  
  34.                 InputStream in = file.getInputStream();  
  35.                 int b = 0;  
  36.                 while ((b = in.read()) != -1) {  
  37.                     fos.write(b);  
  38.                 }  
  39.                 fos.close();  
  40.                 in.close();  
  41.             } catch (Exception e) {  
  42.                 e.printStackTrace();  
  43.             }  
  44.         }  
  45.         System.out.println("上傳圖片到:" + path + newFileName);  
  46.         // 儲存檔案地址,用於JSP頁面回顯
  47.         model.addAttribute("fileUrl", path + newFileName);  
  48.         return"fileUpload";  
  49.     }  
  50.     /** 
  51.      * 方法二上傳檔案,一次一張 
  52.      */
  53.     @RequestMapping("/onefile2")  
  54.     public String oneFileUpload2(HttpServletRequest request,  
  55.             HttpServletResponse response) throws Exception {  
  56.         CommonsMultipartResolver cmr = new CommonsMultipartResolver(  
  57.                 request.getServletContext());  
  58.         if (cmr.isMultipart(request)) {  
  59.             MultipartHttpServletRequest mRequest = (MultipartHttpServletRequest) (request);  
  60.             Iterator<String> files = mRequest.getFileNames();  
  61.             while (files.hasNext()) {  
  62.                 MultipartFile mFile = mRequest.getFile(files.next());  
  63.                 if (mFile != null) {  
  64.                     String fileName = UUID.randomUUID()  
  65.                             + mFile.getOriginalFilename();  
  66.                     String path = "d:/upload/" + fileName;  
  67.                     File localFile = new File(path);  
  68.                     mFile.transferTo(localFile);  
  69.                     request.setAttribute("fileUrl", path);  
  70.                 }  
  71.             }  
  72.         }  
  73.         return"fileUpload";  
  74.     }  
  75. }  
(2)JSP,這個頁面是用來上傳又用來顯示上傳後的圖片的頁面fileUpload.jsp
  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>  
  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.  <basehref="<%=basePath%>">
  15. <metahttp-equiv="Content-Type"content="text/html; charset=UTF-8">
  16. </head>
  17. <body>
  18.     <center>
  19.         <formaction="file/onefile"
  20.             method="post"enctype="multipart/form-data">
  21.             <inputtype="file"name="file"/>
  22.             <inputtype="submit"value="上 傳"/>
  23.         </form>
  24.         <h5>上傳結果:</h5>
  25.         <imgalt="暫無圖片"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

表明圖片已經上傳到伺服器

方法二:

使用檔案流的方式來上傳

  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.                 File localFile = new File(path);  
  19.                 mFile.transferTo(localFile);  
  20.                 request.setAttribute("fileUrl", path);  
  21.             }  
  22.         }  
  23.     }  
  24.     return "fileUpload";  
  25. }  
  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.                 File localFile = new File(path);  
  19.                 mFile.transferTo(localFile);  
  20.                 request.setAttribute("fileUrl", path);  
  21.             }  
  22.         }  
  23.     }  
  24.     return"fileUpload";  
  25. }  

  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>  
  1. <center>
  2.     <formaction="file/onefile"
  3.         method="post"enctype="multipart/form-data">
  4.         <inputtype="file"name="file"/>
  5.         <inputtype="submit"value="上 傳"/>
  6.     </form>
  7.     <h5>上傳結果:</h5>
  8.     <imgalt="暫無圖片"src="${fileUrl}"/>
  9. </center>
中的
  1. <form action="file/onefile"  
  1. <formaction="file/onefile"
改成
  1. <form action="file/onefile2"  
  1. <formaction="file/onefile2"
輸入:http://localhost:8080/SpringMVCLearningChapter4_1/file/toFile

方法二指定上傳到了本地E盤的upload資料夾

頁面結果


四、多檔案上傳

(1)控制器

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