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

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

下面我就為大家介紹 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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</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。 當使用者看到此頁面時,說明你已實現檔案的上傳功能。
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: 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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.