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

  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文件

  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）控制器

  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

  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

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

方法二：

使用文件流的方式来上传

  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. <form action="file/onefile"

改成

  1. <form action="file/onefile2"

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

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

页面结果

四、多文件上传

（1）控制器

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

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

（2）JSP显示页面fileUpload2.jsp

  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>

注意这里用了

  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）控制器

  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

  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）控制器

  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

http://blog.csdn.net/evankaka/article/details/45826697

SpringMVC单文件上传、多文件上传、文件列表显示、文件下载（转）的更多相关文章

  1. [转]SpringMVC单文件上传、多文件上传、文件列表显示、文件下载

    一.新建一个Web工程,导入相关的包 springmvc的包+commons-fileupload.jar+connom-io.jar+commons-logging,jar+jstl.jar+sta ...

  2. springmvc单文件上传

    1.创建上传页面 <form action="first.do" method="post" enctype="multipart/form-d ...

  3. Springmvc+uploadify实现文件带进度条批量上传

    网上看了很多关于文件上传的帖子,众口不一,感觉有点乱,最近正好公司的项目里用到JQuery的uploadify控件做文件上传,所以整理下头绪,搞篇文档出来,供亲们分享. Uploadify控件的主要优 ...

  4. 表单多文件上传样式美化 && 支持选中文件后删除相关项

    开发中会经常涉及到文件上传的需求,根据业务不同的需求,有不同的文件上传情况. 有简单的单文件上传,有多文件上传,因浏览器原生的文件上传样式及功能的支持度不算太高,很多时候我们会对样式进行美化,对功能进 ...

  5. SpringMVC【参数绑定、数据回显、文件上传】

    前言 本文主要讲解的知识点如下: 参数绑定 数据回显 文件上传 参数绑定 我们在Controller使用方法参数接收值,就是把web端的值给接收到Controller中处理,这个过程就叫做参数绑定.. ...

  6. ajax 提交所有表单内容及上传图片（文件），以及单独上传某个图片（文件）

    我以演示上传图片为例子: java代码如下(前端童鞋可以直接跳过看下面的html及js): package com.vatuu.web.action; import java.io.File; imp ...

  7. spring boot:单文件上传/多文件上传/表单中多个文件域上传(spring boot 2.3.2)

    一,表单中有多个文件域时如何实现说明和文件的对应? 1,说明和文件对应 文件上传页面中,如果有多个文件域又有多个相对应的文件说明时, 文件和说明如何对应? 我们在表单中给对应的file变量和text变 ...

  8. SpringBoot - 实现文件上传1(单文件上传、常用上传参数配置)

    Spring Boot 对文件上传做了简化,基本做到了零配置,我们只需要在项目中添加 spring-boot-starter-web 依赖即可. 一.单文件上传 1,代码编写 (1)首先在 stati ...

  9. SpringMvc+jQuery 文件拖拽上传、选择上传

    最近做了个简易的基于boostrap的文件上传功能,jsp版本的,后续会完善更多的功能,不过现在已经能用了,需要的小伙伴,直接引用下面的文件内容直接copy到自己的项目中就ok了,效果如图: file ...

随机推荐

  1. SVN无法修改以前提交日志的办法

    一直用SVN作为代码备份,但是今天偶然发现SVN上不能修改意见提交的代码,于是乎开始谷歌了,最后发现只需要在该工程下的hooks目录下放入pre-revprop-change.bat文件即可. pre ...

  2. Iron Foundry

    Iron Foundry Provided by Tier 3 Iron Foundry is a project initiated by the engineers of Tier 3, an e ...

  3. 【从0到1学Web前端】CSS伪类和伪元素

    1.CSS中的伪类 CSS 伪类用于向某些选择器加入特殊的效果. 语法: selector : pseudo-class {property: value} CSS 类也可与伪类搭配使用 select ...

  4. Python 分析Twitter用户喜爱的推文

    CODE: #!/usr/bin/python # -*- coding: utf-8 -*- ''' Created on 2014-8-5 @author: guaguastd @name: an ...

  5. RANSAC - 随机采样一致性算法

    RANSAC范例的正式描述如下: 首先,要给定: 1一个模型,该模型需要最少n个数据点去实例化它的自由参数: 2一组数据点P,P中包含数据点的数量#(P)大于n. 然后, 从P中随机地选择n个点(组成 ...

  6. c# Unicode字符串的解码

    前两天工作中遇到个奇怪的问题,一个unicode字符串(即“\uXXXX”形式)变量,调用HttpUtility.UrlDecode解码过后,还是原样,要么就是乱码状态.无奈之下只能自己写一个解码函数 ...

  7. SQL SERVER中的流程控制语句

    流程控制语句 是指用来控制程序运行和流程分至点额命令.一般指的是逻辑计算部分的控制. 1.Begin End语句 封装了多个T-SQL语句组合,将他们组成一个单元来处理. 一般在条件查询或者循环等控制 ...

  8. SEAndroid安全机制中的进程安全上下文关联分析

    前面一篇文章分析了文件安全上下文关联过程.可是在SEAndroid中,除了要给文件关联安全上下文外,还须要给进程关联安全上下文.由于仅仅有当进程和文件都关联安全上下文之后,SEAndroid安全策略才 ...

  9. 用Javascript评估用户输入密码的强度（Knockout版）

    原文:用Javascript评估用户输入密码的强度(Knockout版) 早上看到博友6点多发的一篇关于密码强度的文章(连接),甚是感动(周末大早上还来发文). 我们来看看如果使用Knockout更简 ...

  10. JAVA 读取图片储存至本地

    需求:serlvet经过处理通过报表工具返回一张报表图(柱状图 折线图). 现在需要把这个图存储到本地 以便随时查看 // 构造URL URL url = new URL(endStr); // 打开 ...