SpringMVC单文件上传、多文件上传、文件列表显示、文件下载

林炳文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. <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文件

[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. <!-- 把标记了@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)控制器

[java] view plain copy

  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. }  

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

[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.     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. }  

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

(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. <c:forEach items="${fileList}" var="imagename">
  28. <img alt="暂无图片" src="${imagename}" /> <br/>
  29. </c:forEach>
  30. </center>
  31. </body>
  32. </html>

注意这里用了

[html] view plain copy

  1. </c:forEach>

表单,需要jstl.jar+standard.jar

(3)运行后输入:http://localhost:8080/SpringMVCLearningChapter4_1/file/toFile2(注意上面是单文件没有后面的数字2)

选择图片,然后点上传

控制台输出结果:

图片不清看文字 吧:

原始文件名:Desert.jpg 上传图片到:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img/2baccc77-43b6-4908-859d-507e86a04051Desert.jpg 原始文件名:Hydrangeas.jpg 上传图片到:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img/51ad04e0-82aa-4b2c-958d-f00651e9ed6bHydrangeas.jpg 原始文件名:Jellyfish.jpg 上传图片到:E:\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\SpringMVCLearningChapter4_1\img/dee340d8-9cc0-41ae-9959-f7fa47ff172bJellyfish.jpg

三张图片都可以显示出来了

来看看服务器,这就是刚刚上传的三张

五、上传文件列表显示

(1)控制器

[java] view plain copy

  1. /**
  2.  * 列出所有的图片
  3.  */
  4. @RequestMapping("/listFile")  
  5. public String listFile(HttpServletRequest request,  
  6.         HttpServletResponse response) {  
  7. // 获取上传文件的目录
  8.     ServletContext sc = request.getSession().getServletContext();  
  9. // 上传位置
  10.     String uploadFilePath = sc.getRealPath("/img") + "/"; // 设定文件保存的目录
  11. // 存储要下载的文件名
  12.     Map<String, String> fileNameMap = new HashMap<String, String>();  
  13. // 递归遍历filepath目录下的所有文件和目录,将文件的文件名存储到map集合中
  14.     listfile(new File(uploadFilePath), fileNameMap);// File既可以代表一个文件也可以代表一个目录
  15. // 将Map集合发送到listfile.jsp页面进行显示
  16.     request.setAttribute("fileNameMap", fileNameMap);  
  17. return "listFile";  
  18. }  

(2)JSP文件listFile.jsp

[html] view plain copy

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3. <!DOCTYPE HTML>
  4. <html>
  5. <head>
  6. <title>下载文件显示页面</title>
  7. </head>
  8. <body>
  9. <!-- 遍历Map集合 -->
  10. <c:forEach var="me" items="${fileNameMap}">
  11. <c:url value="/file/downFile" var="downurl">
  12. <c:param name="filename" value="${me.key}"></c:param>
  13. </c:url>
  14.         ${me.value}<a href="${downurl}">下载</a>
  15. <br/>
  16. </c:forEach>
  17. </body>
  18. </html>

(3)运行后输入:http://localhost:8080/SpringMVCLearningChapter4_1/file/listFile       

这些为刚刚上传到四张图片。

六、文件下载

(1)控制器

[html] view plain copy

  1. @RequestMapping("/downFile")  
  2. public void downFile(HttpServletRequest request,  
  3.         HttpServletResponse response) {  
  4.     System.out.println("1");  
  5.     // 得到要下载的文件名  
  6.     String fileName = request.getParameter("filename");  
  7.     System.out.println("2");  
  8.     try {  
  9. fileName = new String(fileName.getBytes("iso8859-1"), "UTF-8");  
  10.         System.out.println("3");  
  11.         // 获取上传文件的目录  
  12.         ServletContext sc = request.getSession().getServletContext();  
  13.         System.out.println("4");  
  14.         // 上传位置  
  15.         String fileSaveRootPath = sc.getRealPath("/img");   
  16.         System.out.println(fileSaveRootPath + "\\" + fileName);  
  17.         // 得到要下载的文件  
  18.         File file = new File(fileSaveRootPath + "\\" + fileName);  
  19.         // 如果文件不存在  
  20.         if (!file.exists()) {  
  21.             request.setAttribute("message", "您要下载的资源已被删除!!");  
  22.             System.out.println("您要下载的资源已被删除!!");  
  23.             return;  
  24.         }  
  25.         // 处理文件名  
  26.         String realname = fileName.substring(fileName.indexOf("_") + 1);  
  27.         // 设置响应头,控制浏览器下载该文件  
  28.         response.setHeader("content-disposition", "attachment;filename="  
  29.                 + URLEncoder.encode(realname, "UTF-8"));  
  30.         // 读取要下载的文件,保存到文件输入流  
  31.         FileInputStream in = new FileInputStream(fileSaveRootPath + "\\" + fileName);  
  32.         // 创建输出流  
  33.         OutputStream out = response.getOutputStream();  
  34.         // 创建缓冲区  
  35.         byte buffer[] = new byte[1024];  
  36.         int len = 0;  
  37.         // 循环将输入流中的内容读取到缓冲区当中  
  38.         while ((len = in.read(buffer)) > 0) {  
  39.             // 输出缓冲区的内容到浏览器,实现文件下载  
  40.             out.write(buffer, 0, len);  
  41.         }  
  42.         // 关闭文件输入流  
  43.         in.close();  
  44.         // 关闭输出流  
  45.         out.close();  
  46.     } catch (Exception e) {  
  47.     }  
  48. }  

这里就是通过文件流的方式来下载图片的。

然后就可以自己选择下载的地方了。

终于讲完了,花了大半天啊!

本文工程免费下载

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏葡萄城控件技术团队

七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理

? 第三天我们将学习Asp.Net中数据处理功能,了解数据访问层,EF,以及EF中常用的代码实现方式,创建数据访问层和数据入口,处理Post数据,以及数据验...

355100
来自专栏pangguoming

终极解决方案:org.apache.jasper.JasperException: java.lang.IllegalStateException: getOutputStream() has alr

org.apache.jasper.JasperException: java.lang.IllegalStateException: getOutputStr...

24910
来自专栏Adam笔记

KSCrash源码分析

93500
来自专栏吴伟祥

Apache Velocity-----基于Java的模板引擎

Apache Velocity是一个基于Java的模板引擎,它提供了一个模板语言去引用由Java代码定义的对象。Velocity是Apache基金会旗下的一个开...

1.7K20
来自专栏Java 技术分享

Filter、Listener 学习总结

51170
来自专栏Java后端技术

Java发送邮件初窥

  最近朋友的公司有用到这个功能,之前对这一块也不是很熟悉,就和他一起解决出现的异常的同时,也初窥一下使用Apache Common Email组件进行邮件发送...

15720
来自专栏生信宝典

分子对接简明教程 (二)

用PyMOL展示配体和受体相互作用的原子和氢键 为了简化展示过程,我们设计了一个pml脚本 (脚本内有很详细的解释),只需要修改脚本里面受体和配体的名字,然后在...

55250
来自专栏开发技术

spring-boot-2.0.3不一样系列之源码篇 - run方法(二)之prepareEnvironment,绝对有值得你看的地方

  此系列是针对springboot的启动,旨在于和大家一起来看看springboot启动的过程中到底做了一些什么事。如果大家对springboot的源码有所研...

27330
来自专栏菜鸟程序员

EternalBlue(永恒之蓝)工具漏洞利用细节分析

29820
来自专栏老码农专栏

ActFramework中实现文件上传

12950

扫码关注云+社区

领取腾讯云代金券