JSP上傳文件

在本章中,我們將討論和學習如何在JSP中的文件上傳。 JSP可以與HTML表單標籤一起使用,以允許用戶將文件上傳到服務器。上傳的文件可以是文本文件或二進制文件或圖像文件,也可以是任何文檔。

爲了方便演示,首先打開Eclipse創建一個動態Web項目:UploadFile ,其目錄結構如下所示 -

JSP上傳文件

創建文件上傳表單

現在來看看如何創建一個文件上傳表單。 以下HTML代碼創建一個上傳器表單。 以下是要注意的重點 -

  • 表單中的method屬性應設置爲POST方法,不能使用GET方法。
  • 表單中的enctype屬性應設置爲multipart/form-data
  • 表單中的action屬性應該設置爲一個JSP文件,它將處理後端服務器上的文件上傳。 以下示例 - 使用uploadhandle.jsp程序處理上傳文件。

要上傳單個文件,應該在單個<input ... />標籤中指定使用type ="file"屬性。 要允許多個文件上傳,請將name屬性包含多個具有不同值的輸入標記。瀏覽器將瀏覽按鈕與每個瀏覽器相關聯。

文件:selectFile.html文件代碼如下 -

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文件上傳示例</title>
</head>
<body>
    <div style="margin: auto; width: 80%;">
        <h3>文件上傳示例</h3>
        選擇要上傳的文件: 
        <form action="uploadhandle.jsp" method="post" enctype="multipart/form-data">
            <input type="file" name="file" size="50" /><input
                type="submit" value="提交上傳" />
        </form>
    </div>
</body>
</html>

這將顯示以下結果。現在可以從本地電腦選擇一個文件,並且當用戶單擊「上傳文件」時,表單將隨所選文件一起提交 -

注意 - 上面的表單只是虛擬表單,不起作用,要處理上傳還需要編寫JSP相關處理文件上傳的程序。

後端JSP腳本

現在定義一個存儲上傳文件的位置。可以在程序中對此進行硬編碼,也可以使用外部配置(如web.xml中的context-param元素)添加此目錄名稱,如下所示:

以下是uploadFile.jsp的源代碼。這可以一次處理多個文件的上傳。 在繼續上傳文件之前,需要考慮以下幾點:

  • 以下示例依懶於FileUpload類庫; 確保類路徑中有最新版本的commons-fileupload.x.x.jar文件(可以從 http://commons.apache.org/fileupload/ 下載)。
  • FileUpload類庫依懶於Commons IO;確保類路徑中有最新版本的commons-io-x.x.jar文件(可以從 http://commons.apache.org/io/ 下載)。
  • 在測試以下示例時,應該將上傳的文件大小小於maxFileSize,否則文件將不會被上傳。
  • 這個項目中是將文件上傳到項目部署的目錄下,但您可配置並創建目錄c:\tempc:\apache-tomcat8.5.29\webapps\data或指定到其位置。

文件:uploadhandle.jsp 的代碼實現如下 -

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.io.*,java.util.*, javax.servlet.*"%>
<%@ page import="javax.servlet.http.*"%>
<%@ page import="org.apache.commons.fileupload.*"%>
<%@ page import="org.apache.commons.fileupload.disk.*"%>
<%@ page import="org.apache.commons.fileupload.servlet.*"%>
<%@ page import="org.apache.commons.io.output.*"%>

<%
    File file;
    int maxFileSize = 5000 * 1024;
    int maxMemSize = 5000 * 1024;
    ServletContext context = pageContext.getServletContext();
    //String filePath = context.getInitParameter("file-upload");
    String filePath = request.getSession().getServletContext().getRealPath("");
    //String filePath = request.getContextPath(); 
    System.out.println("filePath => " + filePath);
    // Verify the content type
    String contentType = request.getContentType();

    if (contentType == null) {
        System.out.println("contentType => " + contentType);
        contentType = "";
    }
    if ((contentType.indexOf("multipart/form-data") >= 0)) {
        DiskFileItemFactory factory = new DiskFileItemFactory();
        // maximum size that will be stored in memory
        factory.setSizeThreshold(maxMemSize);

        // Location to save data that is larger than maxMemSize.
        factory.setRepository(new File("c:\\temp"));

        // Create a new file upload handler
        ServletFileUpload upload = new ServletFileUpload(factory);

        // maximum file size to be uploaded.
        upload.setSizeMax(maxFileSize);

        try {
            // Parse the request to get file items.
            List fileItems = upload.parseRequest(request);

            // Process the uploaded file items
            Iterator i = fileItems.iterator();

            out.println("<html>");
            out.println("<head>");
            out.println("<title>JSP File upload</title>");
            out.println("</head>");
            out.println("<body>");

            while (i.hasNext()) {
                FileItem fi = (FileItem) i.next();
                if (!fi.isFormField()) {
                    // Get the uploaded file parameters
                    String fieldName = fi.getFieldName();
                    String fileName = fi.getName();
                    boolean isInMemory = fi.isInMemory();
                    long sizeInBytes = fi.getSize();

                    // Write the file
                    if (fileName.lastIndexOf("\\") >= 0) {
                        file = new File(filePath + fileName.substring(fileName.lastIndexOf("\\")));
                    } else {
                        file = new File(filePath + fileName.substring(fileName.lastIndexOf("\\") + 1));
                    }
                    fi.write(file);
                    out.println("Uploaded Filename: " + filePath + fileName + "<br>");
                }
            }
            out.println("</body>");
            out.println("</html>");
        } catch (Exception ex) {
            System.out.println(ex);
        }
    } else {
        out.println("<html>");
        out.println("<head>");
        out.println("<title>Servlet upload</title>");
        out.println("</head>");
        out.println("<body>");
        out.println("<p>No file uploaded</p>");
        out.println("</body>");
        out.println("</html>");
    }
%>

現在嘗試使用上面創建的HTML表單上傳文件。部署項目後,打開瀏覽器訪問URL: http://localhost:8080/UploadFile/selectFile.html 時將顯示以下結果。

JSP上傳文件

如果編寫的JSP腳本工作正常,選擇的文件應該上傳到項目的根目錄中。

JSP上傳文件