Servlet+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")@Overrideprotected 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.