<form> 태그는 반드시 POST 방식으로 해야 한다.
또한 enctype은 "multipart/form-data"로 고정이다. 이 형태에서 벗어나지 않는다.
<form method="POST" enctype="multipart/form-data" action="처리 서블릿">
<input type="file" name="이름"/>
<input type="submit" value="업로드"/>
</form>
파일 업로드를 위한 컴포넌트는 몇 가지 있는데, 여기서는 Apache의 Commons 프로젝트의 fileupload를 사용하겠다.
다음 경로로 접속한다.
http://jakarta.apache.org/
Ex-Jakarta의 Commons 프로젝트를 클릭한다.
FileUpload를 클릭하여 최신 버전을 다운로드 한다.
개발 환경의 OS에 따라 맞는 것을 다운로드 한다.
commons-fileupload-1.3-bin.zip
commons-fileupload-1.3.1-bin.zip
압축 풀면 나오는 폴더 내에 commons-fileupload-1.3.1.jar 파일을 프로젝트의 WebContent\WEB-INF\lib 에 복사해준다.
※ 웹 프로젝트의 라이브러리는 프로젝트\WebContent\WEB-INF\lib 에 위치하면 된다.
해당 파일을 Build Path에 추가하자.
Java Build Path에 등록하면 라이브러리에 추가된다.
아파치 Commons 프로젝트의 파일 업로드 라이브러리는 일반적으로 자체적으로 해결하므로 IO 관련 컴포넌트도 같이 등록해주는 것이 좋다. (안넣으니 없다고 오류나더라~)
Commons의 IO를 다운로드한다.
commons-io-2.4-bin.zip
필요한 파일은 commons-io-24.jar 이다.
FileUpload 컴포넌트와 동일한 작업(lib복사, 빌드패스 추가)을 해준다.
이로써 사용준비는 끝났고 예제로 테스트 해본다.
예제) 파일을 선택하여 지정한 디렉토리로 업로드 해본다.
FileUploadPage.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>File Upload</title>
</head>
<body>
<form name="myForm" method="POST" action="/FileUploadTest/FileUpload.do" enctype="multipart/form-data">
파일 첨부: <input type="file" name="attachFile"/><br/>
파일 설명: <input type="text" name="desc"/><br/>
<input type="submit" value="파일 업로드"/>
</form>
</body>
</html>
web.xml
....
<servlet>
<servlet-name>FileUpload</servlet-name>
<servlet-class>com.study.FileUploadServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>FileUpload</servlet-name>
<url-pattern>/FileUpload.do</url-pattern>
</servlet-mapping>
....
FileUploadServlet.java
package com.study;
import java.io.File;
import java.io.IOException;
import java.util.ArrayList;
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.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class FileUploadServlet extends HttpServlet {
public void doPost(HttpServletRequest _request,
HttpServletResponse _response) throws IOException, ServletException {
ServletContext context = this.getServletContext();
String realPath = context.getRealPath("/");
String dirName = realPath + File.separator + "uploadFiles";
File dir = new File(dirName);
if (!dir.exists()) {
dir.mkdir();
}
System.out.println("dirName: " + dirName);
DiskFileItemFactory dfif = new DiskFileItemFactory();
dfif.setSizeThreshold(10 * 1024);
dfif.setRepository(dir);
ServletFileUpload upload = new ServletFileUpload(dfif);
upload.setSizeMax(10 * 1024 * 1024);
upload.setHeaderEncoding("EUC-KR");
try {
ArrayList items = (ArrayList)upload.parseRequest(_request);
for (int i=0; i<items.size(); i++) {
FileItem item = (FileItem)items.get(i);
if (item.getFieldName().equals("attachedFile")) {
File file = new File(dir, item.getName());
item.write(file);
System.out.println("file saved in " + dir.getPath());
} else {
if (item.getFieldName().equals("desc")) {
System.out.println("desc: " + item.getString());
}
}
}
} catch (Exception _ex) {
System.out.println("Error: " + _ex.getLocalizedMessage());
}
}
}
파일을 선택하여 업로드 후 지정한 디렉터리에 저장되었는지 확인해보자.
저장된 경로를 콘솔에서 확인하고 찾아 가보자.
※ 이클립스에서 실행하면 저장되는 경로가 복잡하고 길다.
그러나 실제 톰캣을 사용해 배포하면 %톰캣홈%\webapps\프로젝트\ 아래에 저장될 것이다.
※ 이클립스의 웹브라우저를 통해 접근했을 때, 업로드 후 다음과 같은 오류가 발생하는 경우가 있다. (반드시 그런 것은 아니다)
그냥 다른 웹브라우저로 접근하면 잘된다. (ㅡ,.ㅡ)
