JSP 文件上传


JSP可以通过HTML的form表单上传文件到服务器。 文件类型可以是文本文件、二进制文件、图像文件等其他任何文档。

创建文件上传表单

接下来我们使用HTML标签来创建文件上传表单,以下为要注意的点:

  • form表单 method 属性必须设置为 POST 方法 ,不能使用 GET 方法。
  • form表单 enctype 属性需要设置为 multipart/form-data
  • form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址。例如 uploadFile.jsp 程序文件用来处理上传的文件。
  • 上传文件元素需要使用 <input .../> 标签,属性设置为 type="file"。如果需要上传多个文件,可以在 <input .../>标签中设置不同的名称。

以下是一个上传文件的表单,实例如下:

  1. <html>
  2. <head>
  3. <title>File Uploading Form</title>
  4. </head>
  5. <body>
  6. <h3>File Upload:</h3>
  7. Select a file to upload: <br />
  8. <form action="UploadServlet" method="post"
  9. enctype="multipart/form-data">
  10. <input type="file" name="file" size="50" />
  11. <br />
  12. <input type="submit" value="Upload File" />
  13. </form>
  14. </body>
  15. </html>

在你本地浏览器访问该文件,显示界面如下所示,在你点击"Upload File"会弹出一个窗口让你选择要上传的文件:

jsp-file-upload-1

后台JSP处理脚本

首先我们先定义文件上传后存储在服务上的位置,你可以将路径写在你的程序当中,或者我们可以在web.xml配置文件中通过设置 context-param 元素来设置文件存储的目录,如下所示:

  1. <web-app>
  2. ....
  3. <context-param>
  4. <description>Location to store uploaded file</description>
  5. <param-name>file-upload</param-name>
  6. <param-value>
  7. c:\apache-tomcat-5.5.29\webapps\data\
  8. </param-value>
  9. </context-param>
  10. ....
  11. </web-app>

以下脚本文件UploadFile.jsp可以处理多个上传的文件,在使用该脚本前,我们需要注意以下几点:

  • 以下实例依赖 FileUpload, 所以你需要在你的classpath中引入最新的 commons-fileupload.x.x.jar 包文件。 下载地址为:http://commons.apache.org/fileupload/
  • FileUpload 依赖 Commons IO, 所以你需要在你的classpath中引入最新的 commons-io-x.x.jar 。 下载地址为: http://commons.apache.org/io/
  • 在测试以下实例时,你需要上传确认上传的文件大小小于 maxFileSize 变量设置的大小 ,否则文件无法上传成功。
  • 确保你已经创建了目录 c:\temp 和 c:\apache-tomcat-5.5.29\webapps\data 。
  1. <%@ page import="java.io.*,java.util.*, javax.servlet.*" %>
  2. <%@ page import="javax.servlet.http.*" %>
  3. <%@ page import="org.apache.commons.fileupload.*" %>
  4. <%@ page import="org.apache.commons.fileupload.disk.*" %>
  5. <%@ page import="org.apache.commons.fileupload.servlet.*" %>
  6. <%@ page import="org.apache.commons.io.output.*" %>
  7.  
  8. <%
  9. File file ;
  10. int maxFileSize = 5000 * 1024;
  11. int maxMemSize = 5000 * 1024;
  12. ServletContext context = pageContext.getServletContext();
  13. String filePath = context.getInitParameter("file-upload");
  14.  
  15. // 验证上传内容了类型
  16. String contentType = request.getContentType();
  17. if ((contentType.indexOf("multipart/form-data") >= 0)) {
  18.  
  19. DiskFileItemFactory factory = new DiskFileItemFactory();
  20. // 设置内存中存储文件的最大值
  21. factory.setSizeThreshold(maxMemSize);
  22. // 本地存储的数据大于 maxMemSize.
  23. factory.setRepository(new File("c:\\temp"));
  24.  
  25. // 创建一个新的文件上传处理程序
  26. ServletFileUpload upload = new ServletFileUpload(factory);
  27. // 设置最大上传的文件大小
  28. upload.setSizeMax( maxFileSize );
  29. try{
  30. // 解析获取的文件
  31. List fileItems = upload.parseRequest(request);
  32.  
  33. // 处理上传的文件
  34. Iterator i = fileItems.iterator();
  35.  
  36. out.println("<html>");
  37. out.println("<head>");
  38. out.println("<title>JSP File upload</title>");
  39. out.println("</head>");
  40. out.println("<body>");
  41. while ( i.hasNext () )
  42. {
  43. FileItem fi = (FileItem)i.next();
  44. if ( !fi.isFormField () )
  45. {
  46. // 获取上传文件的参数
  47. String fieldName = fi.getFieldName();
  48. String fileName = fi.getName();
  49. boolean isInMemory = fi.isInMemory();
  50. long sizeInBytes = fi.getSize();
  51. // 写入文件
  52. if( fileName.lastIndexOf("\\") >= 0 ){
  53. file = new File( filePath ,
  54. fileName.substring( fileName.lastIndexOf("\\"))) ;
  55. }else{
  56. file = new File( filePath ,
  57. fileName.substring(fileName.lastIndexOf("\\")+1)) ;
  58. }
  59. fi.write( file ) ;
  60. out.println("Uploaded Filename: " + filePath +
  61. fileName + "<br>");
  62. }
  63. }
  64. out.println("</body>");
  65. out.println("</html>");
  66. }catch(Exception ex) {
  67. System.out.println(ex);
  68. }
  69. }else{
  70. out.println("<html>");
  71. out.println("<head>");
  72. out.println("<title>Servlet upload</title>");
  73. out.println("</head>");
  74. out.println("<body>");
  75. out.println("<p>No file uploaded</p>");
  76. out.println("</body>");
  77. out.println("</html>");
  78. }
  79. %>

接下来让我们通过浏览器访问 http://localhost:8080/UploadFile.htm,界面如下所示,并上传文件:

jsp-file-upload-2

如果你的JSP脚本运行正常,文件将被上传至 c:\apache-tomcat-5.5.29\webapps\data\ ,你可以打开文件夹看看是否上传成功。