【转】JSP使用上传文件，并生产高清缩略图示例

原文地址：http://blog.csdn.net/yakson/article/details/9875731

前言

刚开始本来只想来测试一下Thumbnails生成缩略图的效果的，顺便来学一下jsp文件，开始没有使用commons-fileupload上 传组件，自己用纯jsp代码来编写，过程相当曲折。所以就不建议大家去编写纯JSP的上传代码了，想写的可以参考下commons-fileupload 的源码，里面很详细。

一、JSP上传文件

大家都知道，上传文件是以二进制上传的，这样可以让文件上传，所以JSP要做到将文件以二进制上传，我们再HTML的表单提交时就要设置enctype="multipart/form-data"，这个大家应该都很清楚了。

首先我先将jar包引用列出来，大家先找好这几个jar文件，引入项目

commons-fileupload-1.2.2.jar

commons-io-2.0.1.jar

thumbnailator-0.4.2.jar

先上一下上传页面的JSP代码，其实很简单，放一个file文件选择框就可以，我为了测试，顺便加了一个文本框。

index.jsp

[html] view plaincopyprint?

  1. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <title>缩略图生成示例</title>
  7. </head>
  8. <body>
  9. <h1>上传图片</h1>
  10. <form name="uploadForm" action="upload.jsp" method="post"
  11. enctype="multipart/form-data">
  12. <input type="text" name="name" />
  13. <input type="file" name="imgPath" />
  14. <input type="submit" value="提交" />
  15. </form>
  16. </body>
  17. </html>

二、编写上传文件代码

upload.jsp

[html] view plaincopyprint?

  1. <%@page import="net.coobird.thumbnailator.Thumbnails"%>
  2. <%@page import="org.apache.commons.fileupload.FileItem"%>
  3. <%@page import="java.util.Iterator"%>
  4. <%@page import="java.util.Hashtable"%>
  5. <%@page import="java.util.Map"%>
  6. <%@page import="org.apache.commons.fileupload.FileUploadException"%>
  7. <%@page import="java.util.List"%>
  8. <%@page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%>
  9. <%@page import="org.apache.commons.fileupload.FileItemFactory"%>
  10. <%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%>
  11. <%@page import="java.io.File"%>
  12. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  13. <!DOCTYPE html>
  14. <html>
  15. <head>
  16. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  17. <title>JSP Page</title>
  18. </head>
  19. <body>
  20. <%
  21. request.setCharacterEncoding("UTF-8");
  22. String name = "";
  23. String imgPath = "";
  24. String filePath = "";
  25. if (ServletFileUpload.isMultipartContent(request)) {
  26. try {
  27. FileItemFactory factory = new DiskFileItemFactory();
  28. ServletFileUpload upload = new ServletFileUpload(factory);
  29. upload.setHeaderEncoding("UTF-8");
  30. upload.setFileSizeMax(1024000L);//单个上传文件最大值
  31. upload.setSizeMax(2048000L);//整个请求的大小最大值
  32. List list = upload.parseRequest(request);
  33. Map _fields = new Hashtable();
  34. Iterator it = list.iterator();
  35. String tempPath = request.getRealPath("/temp/");
  36. String UUID = java.util.UUID.randomUUID().toString();
  37. while (it.hasNext()) {
  38. FileItem item = (FileItem) it.next();
  39. if (!item.isFormField()) {
  40. String fileImg = item.getName();
  41. //获取图片后缀
  42. String suffix = fileImg.substring(fileImg.lastIndexOf(".")
  43. , fileImg.length());
  44. filePath = tempPath + File.separator + UUID + suffix;
  45. // 建立目标文件
  46. File file = new File(filePath);
  47. //将文件写入到临时文件上传目录
  48. item.write(file);
  49. _fields.put(item.getFieldName(), UUID + suffix);
  50. } else {
  51. _fields.put(item.getFieldName(), item.getString());
  52. }
  53. }
  54. name = _fields.get("name").toString();
  55. imgPath = _fields.get("imgPath").toString();
  56. String imgPath_s = imgPath.substring(0, imgPath.lastIndexOf("."));
  57. String imgPath_s_suffix = imgPath.substring(imgPath.lastIndexOf(".")
  58. , imgPath.length());
  59. //生成缩略图
  60. String filePath_s_w = tempPath + File.separator + imgPath_s
  61. + "_w" + imgPath_s_suffix;
  62. String filePath_s_h = tempPath + File.separator + imgPath_s
  63. + "_h" + imgPath_s_suffix;
  64. String filePath_s_m = tempPath + File.separator + imgPath_s
  65. + "_m" + imgPath_s_suffix;
  66. //宽为准
  67. Thumbnails.of(filePath)
  68. .size(300, 200)
  69. .toFile(filePath_s_w);
  70. //中图
  71. Thumbnails.of(filePath)
  72. .size(500, 400)
  73. .toFile(filePath_s_m);
  74. //高为准
  75. Thumbnails.of(filePath)
  76. .size(200, 300)
  77. .toFile(filePath_s_h);
  78. } catch (Exception e) {
  79. out.write(e.getMessage());
  80. e.printStackTrace();
  81. }
  82. } else {
  83. name = request.getParameter("name");
  84. imgPath = request.getParameter("imgPath");
  85. }
  86. %>
  87. name:<%=name%><br />
  88. imgPath<%=imgPath%><br />
  89. </body>
  90. </html>

我就代码简单说明一下，我们用ServletFileUpload.isMultipartContent(request)来判断用户的表单是否是以二
进制上传，从而改变获取提交表单数据的模式，因为从二进制里提交的表单，你从request.getParameter中是获取不到值的。

通过commons-fileupload组建，我们很容易的获取到了用户表单上传文件流，并保持到了我们服务器磁盘中。

此示例组要是测试图片生成缩略图，所以就没考虑上传的文件类型，我就当上传的图片类型了，如果上传其他类型的文件，页面会异常，但是文件可以上传的。

好我们来看下生成缩略图的代码，仅仅简单的一行代码。

[java] view plaincopyprint?

  1. //size(宽度, 高度)
  2. /*
  3. * 若图片横比200小，高比300小，不变
  4. * 若图片横比200小，高比300大，高缩小到300，图片比例不变
  5. * 若图片横比200大，高比300小，横缩小到200，图片比例不变
  6. * 若图片横比200大，高比300大，图片按比例缩小，横为200或高为300
  7. */
  8. Thumbnails.of("c:/images/1280x1024.jpg")
  9. .size(200, 300)
  10. .toFile("c:/200x300.jpg");

相信代码意思已经不用解释了，关于Thumbnails的其他用法，大家还是去官方网站上查看吧，下载的示例和文档中有详细的说明。

在谷歌开源项目中开源找到地址：

http://code.google.com/p/thumbnailator/downloads/list

如果需要我做的示例的项目源码，留言时写下你的邮箱，我看到会把源码发到你的邮箱。

最后附上项目结构截图：

时间： 2024-10-05 04:25:34

【转】JSP使用上传文件，并生产高清缩略图示例的相关文章

springMVC+jsp+ajax上传文件

工作中遇到的小问题,做个笔记 实现springMVC + jsp + ajax 上传文件 HTML <body> <form id="myform" method="post" > 登录名<input type="text" name="loginName" /> <br> 上传录音<input type="file" name="record

JSP页面/Apache FileUpload组件上传文件的同时，传递其他参数的方法

Spring3.0+Apache Tomcatv7.0+JDK1.7.0_u45+J2EE1.4验证通过. 需求:使用JSP页面上传文件时,同时需要传递相关参数. 1.  需要将form设置为enctype="multipart/form-data"method="post"参数: 2.  由于此时URL参数不能通过request.getParameter()获得,所以为了让@RequestMapping中设置的params="command=upload

spring mvc(注解)上传文件的简单例子

spring mvc(注解)上传文件的简单例子,这有几个需要注意的地方1.form的enctype=”multipart/form-data” 这个是上传文件必须的2.applicationContext.xml中 <bean id=”multipartResolver” class=”org.springframework.web.multipart.commons.CommonsMultipartResolver”/> 关于文件上传的配置不能少 大家可以看具体代码如下: web.xml &

springMVC 上传文件

spring mvc(注解)上传文件的简单例子,这有几个需要注意的地方1.form的enctype=”multipart/form-data” 这个是上传文件必须的2.applicationContext.xml中 <bean id=”multipartResolver” class=”org.springframework.web.multipart.commons.CommonsMultipartResolver”/> 关于文件上传的配置不能少 大家可以看具体代码如下: web.xml &

JSP/Serlet 使用fileupload上传文件

需要引用的jar commons-fileupload-1.3.1.jar commons-io-2.2.jar index.jsp <body> <center> <h3>文件上传</h3> <font color="red"><%=request.getAttribute("msg")==null?"":request.getAttribute("msg")

JSP简单练习-上传文件

注意:在编写上传文件的代码时,需确保"WEB-INF/lib"下含有jspsmartupload.jar包,否则会出错. jspSmartupload.jar下载 <!-- uploadfileform.jsp --> <%@ page language="java" contentType="text/html; charset=gb2312" %> <html> <head> <title

复习struts2+jsp上传文件

有个form <form action="upload" id="upForm" method="post">     <input type="file" id="att" name="attachment" accept="img/jpeg">     <input type="submit" value=&quo

JSP通过SmartUpload上传文件实例

httpRequest.setCharacterEncoding("gbk"); String preName = genName.doMake();//设置文件前缀名 String extName = null; String allName = null; String fileName = null; try { //初始化 sUpload.initialize(servletConfig, request, response); //设置文件最大上传为10M sUpload.s

ajax jsp 无刷新上传文件

本文实现的文件上传也是无页面刷新的,可以说是一种"类似AJAX"方法 开始之前先说两句无关的,其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点.当然Ajax出现之后,人们一窝蜂地投奔Ajax 的阵营了,iFrame 就乏人问津了.但是用iFrame来实现无刷新上传文件确实一个很好的选择. ps:Ajax技术基本上可以说是由google公司带起来的,但少Gmail中上传文件用的还是 IFrame,所以使用IFrame来上传文件是最好的选择. 我在这