1. 程式人生 > >創建文件上傳表單

創建文件上傳表單

tput filename servlet type get 上傳文件 二進制文件 long -a

JSP可以通過HTML的form表單上傳文件到服務器。 文件類型可以是文本文件、二進制文件、圖像文件等其他任何文檔。


創建文件上傳表單

接下來我們使用HTML標簽來創建文件上傳表單,以下為要註意的點:

  • form表單 method 屬性必須設置為 POST 方法 ,不能使用 GET 方法。
  • form表單 enctype 屬性需要設置為 multipart/form-data。
  • form表單 action 屬性需要設置為提交到後臺處理文件上傳的jsp文件地址。例如 uploadFile.jsp 程序文件用來處理上傳的文件。
  • 上傳文件元素需要使用 <input .../> 標簽,屬性設置為 type="file"。如果需要上傳多個文件,可以在 <input .../>標簽中設置不同的名稱。

以下是一個上傳文件的表單,實例如下:

<html>
<head>
<title>File Uploading Form</title>
</head>
<body>
<h3>File Upload:</h3>
Select a file to upload: <br />
<form action="UploadServlet" method="post"
                        enctype="multipart/form-data">
<input type="file" name="file" size="50" />
<br />
<input type="submit" value="Upload File" />
</form>
</body>
</html>

在你本地瀏覽器訪問該文件,顯示界面如下所示,在你點擊"Upload File"會彈出一個窗口讓你選擇要上傳的文件:

技術分享圖片

後臺JSP處理腳本

首先我們先定義文件上傳後存儲在服務上的位置,你可以將路徑寫在你的程序當中,或者我們可以在web.xml配置文件中通過設置 context-param 元素來設置文件存儲的目錄,如下所示:

<web-app>
....
<context-param> 
    <description>文件上傳地址</description> 
    <param-name>file-upload</param-name> 
    <param-value>
         c:\apache-tomcat-5.5.29\webapps\data     </param-value> 
</context-param>
....
</web-app>

以下腳本文件UploadFile.jsp可以處理多個上傳的文件,在使用該腳本前,我們需要註意以下幾點:

  • 以下實例依賴 FileUpload, 所以你需要在你的classpath中引入最新的 commons-fileupload.x.x.jar 包文件。 下載地址為:http://commons.apache.org/fileupload/。
  • FileUpload 依賴 Commons IO, 所以你需要在你的classpath中引入最新的 commons-io-x.x.jar 。 下載地址為:http://commons.apache.org/io/。
  • 在測試以下實例時,你需要上傳確認上傳的文件大小小於 maxFileSize 變量設置的大小 ,否則文件無法上傳成功。
  • 確保你已經創建了目錄 c:\temp 和 c:\apache-tomcat-5.5.29\webapps\data 。
<%@ 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 contentType = request.getContentType();
   if ((contentType.indexOf("multipart/form-data") >= 0)) {

      DiskFileItemFactory factory = new DiskFileItemFactory();
      // 設置內存中存儲文件的最大值
      factory.setSizeThreshold(maxMemSize);
      // 本地存儲的數據大於 maxMemSize.
      factory.setRepository(new File("c:\\temp"));

      // 創建一個新的文件上傳處理程序
      ServletFileUpload upload = new ServletFileUpload(factory);
      // 設置最大上傳的文件大小
      upload.setSizeMax( maxFileSize );
      try{ 
         // 解析獲取的文件
         List fileItems = upload.parseRequest(request);

         // 處理上傳的文件
         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 () )	
            {
            // 獲取上傳文件的參數
            String fieldName = fi.getFieldName();
            String fileName = fi.getName();
            boolean isInMemory = fi.isInMemory();
            long sizeInBytes = fi.getSize();
            // 寫入文件
            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>");
   }
%>

接下來讓我們通過瀏覽器訪問 http://localhost:8080/UploadFile.htm,界面如下所示,並上傳文件:

技術分享圖片 如果你的JSP腳本運行正常,文件將被上傳至 c:\apache-tomcat-5.5.29\webapps\data\ ,你可以打開文件夾看看是否上傳成功。

創建文件上傳表單