JSP 文件上傳 · W3School Java & Java Web 教程

# JSP 文件上傳 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-file-upload-1](https://box.kancloud.cn/2015-12-15_566fe707ad05b.jpg) ## 后臺JSP處理腳本首先我們先定義文件上傳后存儲在服務上的位置，你可以將路徑寫在你的程序當中，或者我們可以在web.xml配置文件中通過設置 context-param 元素來設置文件存儲的目錄，如下所示： ``` <web-app> .... <context-param> <description>Location to store uploaded file</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/](//commons.apache.org/fileupload/)。 * FileUpload 依賴 Commons IO, 所以你需要在你的classpath中引入最新的 **commons-io-x.x.jar** 。下載地址為： [http://commons.apache.org/io/](//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-file-upload-2](https://box.kancloud.cn/2015-12-15_566fe70800b65.jpg) 如果你的JSP腳本運行正常，文件將被上傳至 c:\apache-tomcat-5.5.29\webapps\data\ ，你可以打開文件夾看看是否上傳成功。