Servlet+Jsp實現圖片或檔案的上傳功能具體思路及代碼

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

現在不管是部落格論壇還是企業辦公，都離不開資源的共用。通過檔案上傳的方式，與大家同分享，從而達到福士間廣泛的溝通和交流，我們既可以從中獲得更多的知識和經驗，也能通過他人的反饋達到自我改進和提升的目的。

下面我就為大家介紹 web項目中的這一上傳功能，那麼檔案是如何從本地發送到伺服器的呢？看我慢慢道來：
首先，我們建立一個新的web工程，在工程的WebRoot目錄下建立一個upload檔案夾，這樣當我們將該工程部署到伺服器上時，伺服器便也產生個upload檔案夾，用來存放上傳的資源。

然後，在WebRoot目錄下建立一個jsp檔案，主要實現的作用就是選擇上傳的檔案，提交至servlet來進行處理
詳細代碼如下：一個form將檔案資訊通過post方式傳送到指定的servlet 複製代碼代碼如下:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'upload.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

</head>
<body>
<form action="/upload/UpLoad" method="post" enctype="multipart/form-data">
請選擇上傳的圖片或檔案:<input type="file" name="fileName"/><input type="submit" value="上傳"/>
</form>
</body>
</html>

可以看到，我們將資料提交到工程下的upload/UpLoad。
之後，我們就來編寫這個servlet——UpLoad.java 複製代碼代碼如下:package load;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
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.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class UpLoad extends HttpServlet {
@SuppressWarnings("unchecked")
@Override
protected void service(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
req.setCharacterEncoding("utf-8");
resp.setContentType("text/html;charset=utf-8");
//為解析類提供配置資訊
DiskFileItemFactory factory = new DiskFileItemFactory();
//建立解析類的執行個體
ServletFileUpload sfu = new ServletFileUpload(factory);
//開始解析
sfu.setFileSizeMax(1024*400);
//每個表單域中資料會封裝到一個對應的FileItem對象上
try {
List<FileItem> items = sfu.parseRequest(req);
//區分表單域
for (int i = 0; i < items.size(); i++) {
FileItem item = items.get(i);
//isFormField為true，表示這不是檔案上傳表單域
if(!item.isFormField()){
ServletContext sctx = getServletContext();
//獲得存放檔案的實體路徑
//upload下的某個檔案夾得到當前線上的使用者找到對應的檔案夾

String path = sctx.getRealPath("/upload");
System.out.println(path);
//獲得檔案名稱
String fileName = item.getName();
System.out.println(fileName);
//該方法在某些平台(作業系統),會返迴路徑+檔案名稱
fileName = fileName.substring(fileName.lastIndexOf("/")+1);
File file = new File(path+"\\"+fileName);
if(!file.exists()){
item.write(file);
//將上傳圖片的名字記錄到資料庫中

resp.sendRedirect("/upload/ok.html");
}
}
}
} catch (Exception e) {
e.printStackTrace();
}

}
}

因為已對代碼做了詳細的注釋，所以相信大家也能基本上傳的這個過程。要注意的一點是解析執行個體空間大小的設定。我們希望上傳的檔案不會是無限大，因此，設定複製代碼代碼如下:.setFileSizeMax(1024*400);

在這兒我們也可以將其設定成一個條件，當檔案大於最大值時向頁面提交錯誤提示。此外，也可以讀取選擇檔案的尾碼來篩選出可以上傳的類型。這些代碼大家自己擴充，不再細談。

通過servlet，將正確的檔案傳送到服務端的upload檔案夾中。這兒要注意，如果以後將工程從tomcat移除後，這些檔案就會被自動刪除。

上傳結束之後，使頁面轉到上傳成功頁面ok.html。當使用者看到此頁面時，說明你已實現檔案的上傳功能。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More