正文

SSM框架-SpringMVC 实例文件上传下载

IP云
IP云V管理员/5 阅读
07/23
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一、新建一个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. <?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. <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. }

  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>

  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. /**

  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. <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/onefile"

改成

  1. <form action="file/onefile2"

  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. @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();

  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. <%@ 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>

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

  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>

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

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

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

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

终于讲完了，花了大半天啊！