JSP - การอัปโหลดไฟล์
ในบทนี้เราจะพูดถึงการอัปโหลดไฟล์ใน JSP JSP สามารถใช้กับแท็กรูปแบบ HTML เพื่ออนุญาตให้ผู้ใช้อัปโหลดไฟล์ไปยังเซิร์ฟเวอร์ ไฟล์ที่อัปโหลดอาจเป็นไฟล์ข้อความหรือไบนารีหรือไฟล์รูปภาพหรือเอกสารใดก็ได้
การสร้างแบบฟอร์มอัพโหลดไฟล์
ตอนนี้ให้เราเข้าใจวิธีสร้างแบบฟอร์มอัปโหลดไฟล์ โค้ด HTML ต่อไปนี้สร้างฟอร์มผู้อัปโหลด ต่อไปนี้เป็นประเด็นสำคัญที่ควรสังเกต -
แบบฟอร์ม method ควรตั้งค่าแอตทริบิวต์เป็น POST ไม่สามารถใช้ method และ GET method ได้
แบบฟอร์ม enctype ควรตั้งค่าแอตทริบิวต์เป็น multipart/form-data.
แบบฟอร์ม actionควรตั้งค่าแอตทริบิวต์เป็นไฟล์ JSP ซึ่งจะรองรับการอัปโหลดไฟล์ที่เซิร์ฟเวอร์แบ็กเอนด์ ตัวอย่างต่อไปนี้ใช้uploadFile.jsp ไฟล์โปรแกรมเพื่ออัพโหลดไฟล์
ในการอัปโหลดไฟล์เดียวคุณควรใช้ไฟล์ <input .../> แท็กด้วยแอตทริบิวต์ type = "file". หากต้องการอนุญาตให้อัปโหลดหลายไฟล์ให้ใส่แท็กอินพุตมากกว่าหนึ่งแท็กที่มีค่าต่างกันสำหรับแอตทริบิวต์ name เบราว์เซอร์เชื่อมโยงปุ่มเรียกดูกับแต่ละปุ่ม
<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>
ซึ่งจะแสดงผลลัพธ์ต่อไปนี้ ตอนนี้คุณสามารถเลือกไฟล์จากเครื่องพีซีและเมื่อผู้ใช้คลิก "อัปโหลดไฟล์" แบบฟอร์มจะถูกส่งไปพร้อมกับไฟล์ที่เลือก -
File Upload −
Select a file to upload −
NOTE - แบบฟอร์มด้านบนเป็นเพียงรูปแบบจำลองและไม่สามารถใช้งานได้คุณควรลองใช้โค้ดด้านบนที่เครื่องของคุณเพื่อให้ใช้งานได้
การเขียนสคริปต์ JSP ของแบ็กเอนด์
ตอนนี้ให้เรากำหนดตำแหน่งที่จะจัดเก็บไฟล์ที่อัปโหลด คุณสามารถฮาร์ดโค้ดนี้ในโปรแกรมของคุณหรือสามารถเพิ่มชื่อไดเร็กทอรีนี้โดยใช้การกำหนดค่าภายนอกเช่นไฟล์context-param องค์ประกอบใน web.xml ดังนี้ -
<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; ตรวจสอบให้แน่ใจว่าคุณมีเวอร์ชันล่าสุดของcommons-fileupload.x.x.jarไฟล์ใน classpath ของคุณ คุณสามารถดาวน์โหลดได้จากhttps://commons.apache.org/fileupload/.
FileUpload ขึ้นอยู่กับ Commons IO; ตรวจสอบให้แน่ใจว่าคุณมีเวอร์ชันล่าสุดของcommons-io-x.x.jarไฟล์ใน classpath ของคุณ คุณสามารถดาวน์โหลดได้จากhttps://commons.apache.org/io/.
ในขณะที่ทดสอบตัวอย่างต่อไปนี้คุณควรอัปโหลดไฟล์ที่มีขนาดน้อยกว่าmaxFileSizeมิฉะนั้นไฟล์จะไม่ถูกอัปโหลด
ตรวจสอบให้แน่ใจว่าคุณได้สร้างไดเรกทอรี c:\temp และ c:\apache-tomcat5.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");
// Verify the content type
String contentType = request.getContentType();
if ((contentType.indexOf("multipart/form-data") >= 0)) {
DiskFileItemFactory factory = new DiskFileItemFactory();
// maximum size that will be stored in memory
factory.setSizeThreshold(maxMemSize);
// Location to save data that is larger than maxMemSize.
factory.setRepository(new File("c:\\temp"));
// Create a new file upload handler
ServletFileUpload upload = new ServletFileUpload(factory);
// maximum file size to be uploaded.
upload.setSizeMax( maxFileSize );
try {
// Parse the request to get file items.
List fileItems = upload.parseRequest(request);
// Process the uploaded file items
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 () ) {
// Get the uploaded file parameters
String fieldName = fi.getFieldName();
String fileName = fi.getName();
boolean isInMemory = fi.isInMemory();
long sizeInBytes = fi.getSize();
// Write the file
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>");
}
%>
ตอนนี้พยายามอัปโหลดไฟล์โดยใช้รูปแบบ HTML ที่คุณสร้างไว้ด้านบน เมื่อคุณได้ลองhttp://localhost:8080/UploadFile.htmมันจะแสดงผลลัพธ์ต่อไปนี้ วิธีนี้จะช่วยให้คุณอัปโหลดไฟล์จากเครื่องในพื้นที่ของคุณ
File Upload −
Select a file to upload −
หากสคริปต์ JSP ของคุณทำงานได้ดีไฟล์ของคุณควรอัปโหลดในรูปแบบ c:\apache-tomcat5.5.29\webapps\data\ ไดเรกทอรี