JSP筆記-檔案上傳

大雄45發表於2021-09-27
導讀 JSP(全稱JavaServer Pages)是由Sun Microsystems公司主導建立的一種動態網頁技術標準。JSP部署於網路伺服器上,可以響應客戶端傳送的請求,並根據請求內容動態地生成HTML、XML或其他格式文件的Web網頁,然後返回給請求者。JSP技術以Java語言作為 語言,為使用者的HTTP請求提供服務,並能與伺服器上的其它Java程式共同處理複雜的業務需求。

JSP筆記-檔案上傳JSP筆記-檔案上傳
JSP 可以與 HTML form 標籤一起使用,來允許使用者上傳檔案到伺服器。上傳的檔案可以是文字檔案或影像檔案或任何文件。

本章節我們使用 Servlet 來處理檔案上傳,使用到的檔案有:

1.upload.jsp : 檔案上傳表單。

2.message.jsp : 上傳成功後跳轉頁面。

3.UploadServlet.java : 上傳處理 Servlet。

4.需要引入的 jar 檔案:commons-fileupload-1.3.2、commons-io-2.5.jar。

建立一個檔案上傳表單

下面的 HTML 程式碼建立了一個檔案上傳表單。以下幾點需要注意:

1.表單 method 屬性應該設定為 POST 方法,不能使用 GET 方法。

2.表單 enctype 屬性應該設定為 multipart/form-data.

3.表單 action 屬性應該設定為在後端伺服器上處理檔案上傳的 Servlet 檔案。下面的例項使用了 UploadServlet

4.Servlet 來上傳檔案。
上傳單個檔案,您應該使用單個帶有屬性 type="file" 的 <input .../> 標籤。為了允許多個檔案上傳,請包含多個 name 屬性值不同的 input 標籤。輸入標籤具有不同的名稱屬性的值。瀏覽器會為每個 input 標籤關聯一個瀏覽按鈕。

upload.jsp 檔案程式碼如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>檔案上傳例項 - 菜鳥教程</title>
</head>
<body>
<h1>檔案上傳例項 - 菜鳥教程</h1>
<form method="post" action="/TomcatTest/UploadServlet" enctype="multipart/form-data">
    選擇一個檔案:
    <input type="file" name="uploadFile" />
    <br/><br/>
    <input type="submit" value="上傳" />
</form>
</body>
</html>
編寫後臺 Servlet

以下是 UploadServlet 的原始碼,同於處理檔案上傳,在這之前我們先確保依賴包已經引入到專案的 WEB-INF/lib 目錄下:commons-fileupload-1.3.2.jar,commons-io-2.5.jar
UploadServlet 的原始碼 如下所示:

package com.runoob.test;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
 
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
 
/**
 * Servlet implementation class UploadServlet
 */
// 如果不配置 web.xml ,可以使用下面的程式碼
// @WebServlet("/UploadServlet")
public class UploadServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
     
    // 上傳檔案儲存目錄
    private static final String UPLOAD_DIRECTORY = "upload";
 
    // 上傳配置
    private static final int MEMORY_THRESHOLD   = 1024 * 1024 * 3;  // 3MB
    private static final int MAX_FILE_SIZE      = 1024 * 1024 * 40; // 40MB
    private static final int MAX_REQUEST_SIZE   = 1024 * 1024 * 50; // 50MB
 
    /**
     * 上傳資料及儲存檔案
     */
    protected void doPost(HttpServletRequest request,
        HttpServletResponse response) throws ServletException, IOException {
        // 檢測是否為多媒體上傳
        if (!ServletFileUpload.isMultipartContent(request)) {
            // 如果不是則停止
            PrintWriter writer = response.getWriter();
            writer.println("Error: 表單必須包含 enctype=multipart/form-data");
            writer.flush();
            return;
        }
 
        // 配置上傳引數
        DiskFileItemFactory factory = new DiskFileItemFactory();
        // 設定記憶體臨界值 - 超過後將產生臨時檔案並儲存於臨時目錄中
        factory.setSizeThreshold(MEMORY_THRESHOLD);
        // 設定臨時儲存目錄
        factory.setRepository(new File(System.getProperty("java.io.tmpdir")));
 
        ServletFileUpload upload = new ServletFileUpload(factory);
         
        // 設定最大檔案上傳值
        upload.setFileSizeMax(MAX_FILE_SIZE);
         
        // 設定最大請求值 (包含檔案和表單資料)
        upload.setSizeMax(MAX_REQUEST_SIZE);
        
        // 中文處理
        upload.setHeaderEncoding("UTF-8"); 
        // 構造臨時路徑來儲存上傳的檔案
        // 這個路徑相對當前應用的目錄
        String uploadPath = getServletContext().getRealPath("/") + File.separator + UPLOAD_DIRECTORY;
       
         
        // 如果目錄不存在則建立
        File uploadDir = new File(uploadPath);
        if (!uploadDir.exists()) {
            uploadDir.mkdir();
        }
 
        try {
            // 解析請求的內容提取檔案資料
            @SuppressWarnings("unchecked")
            ListformItems = upload.parseRequest(request);
 
            if (formItems != null && formItems.size() > 0) {
                // 迭代表單資料
                for (FileItem item : formItems) {
                    // 處理不在表單中的欄位
                    if (!item.isFormField()) {
                        String fileName = new File(item.getName()).getName();
                        String filePath = uploadPath + File.separator + fileName;
                        File storeFile = new File(filePath);
                        // 在控制檯輸出檔案的上傳路徑
                        System.out.println(filePath);
                        // 儲存檔案到硬碟
                        item.write(storeFile);
                        request.setAttribute("message",
                            "檔案上傳成功!");
                    }
                }
            }
        } catch (Exception ex) {
            request.setAttribute("message",
                    "錯誤資訊: " + ex.getMessage());
        }
        // 跳轉到 message.jsp
        getServletContext().getRequestDispatcher("/message.jsp").forward(
                request, response);
    }
}

message.jsp 檔案程式碼如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>檔案上傳結果</title>
</head>
<body>
    <center>
        <h2>${message}</h2>
    </center>
</body>
</html>
編譯和執行 Servlet

編譯上面的 Servlet UploadServlet,並在 web.xml 檔案中建立所需的條目,如下所示:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="
    xmlns="
    xmlns:web="
    xsi:schemaLocation="
        
    id="WebApp_ID" version="2.5">
  <servlet>
    <display-name>UploadServlet</display-name>
    <servlet-name>UploadServlet</servlet-name>
    <servlet-class>com.runoob.test.UploadServlet</servlet-class>
  </servlet>
   
  <servlet-mapping>
    <servlet-name>UploadServlet</servlet-name>
    <url-pattern>/TomcatTest/UploadServlet</url-pattern>
  </servlet-mapping>
</web-app>

原文來自:

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2786072/,如需轉載,請註明出處,否則將追究法律責任。

相關文章