파일을 업로드 한다는 것은 원격의 사용자가 서버 측으로 네트워크를 통해 파일을 전송하는 일이다<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
보통 WEB 환경에서 사용자의 입력 값을 다른 페이지로 이동시키기 위해서는 Form 을 통한 데이터 전송을 하게 된다.
간단하게 사용자의 이름을 입력 받고 그 내용을 JSP 페이지나 기타 파일로 전송을 해야 할 때는 아래와 같은 HTML 폼이 작성이 되어야 할 것이다.
<Form action=”receive.jsp” Method=”POST”>
이름 : <Input type=”TEXT” name=”userName”> <BR>
<input type=”SUBMIT” value=” 전 송 “>
</Form>
이 때문에 파일이 전송될 때에는 파일의 형태를 읽어 들일 수 있는 Servlet 또는 Java Bean 을 제작해야 한다.
아래는 파일전송을 위한 HTML 형태이다.
|
<!-- FileName : uploadForm.html 파일위치 c:\tomcat4/webapps/ROOT/uploadTest --> <Form action=”receive.jsp” Method=”POST” enctype=”multipart/form-data”> 이름 : <Input type=”TEXT” name=”userName”> <BR> 파일 : <Input type=”FILE” name=”userFile”><BR> <input type=”SUBMIT” value=” 전 송 “> </Form> |
위의 파일을 보면 enctype 이라는 태그가 데이터를 전송하게 될 타입을 지정하는 부분이다.
아래쪽의 Input type=”FILE” 이라는 부분은 파일을 선택할 수 있는 창이 뜨게 되는 부분이다.
이렇게 전송되는 데이터를 receive.jsp 에서는 request 객체를 이용해서는 절대로 값을 가져오지 못한다. Enctype 이 명시가 되면 넘어오는 파라메터들은 하나의 스트림을 통해 전송이 되게 된다. 그렇기 때문에 스트림으로 넘어오는 데이터를 각각의 구분자를 이용하여 짤라내야 한다.
그럼 데이터는 어떻게 받아낼까.
ServletRequest 인터페이스 에는 getInputStream() 이라는 메소드가 있다. 이 메소드는 클라이언트 측에서 전송되는 스트림을 서버측에서 받아줄 통로를 열어주는 메소드 이다. 위의 메소드를 통하여 사용자가 전송하는 스트림을 받아올 것이다.
아래는 데이터를 받아오는 receive.jsp 파일이다.
|
<%-- FileName : receive.jsp SavePath : c:\tomcat4/webapps\ROOT\uploadTest --%> <%@ page contentType=”text/html; charset=euc-kr” %> <%@ page import=”java.io.*” %> <% BufferedReader bufReader = new BufferedReader(new InputStreamReader(request.getInputStream())); String read = “”; while((read = bufReader.readLine()) != null){ out.print(read + “<BR>”); } bufReader.close(); %> |
위의 파일을 해당 경로에 두고 브라우져에서 HTML 파일부터 실행 시키고 Text 형태의 파일을 전송해보자. JAVA SOURCE 파일도 괜찮다. 잘 실행이 되었다면 아래와 같은 그림이 나오게 된다.
<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />
위의 그림을 자세히 보면 일정한 양식으로 입력 값이 전송된다는 것을 볼 수 있다.
-----------------------------7d33d86502e0
위와 같은 부분을 Delimeter 라고 부른다 이렇게 넘어온 딜리미터를 이용하여 각각의 내용을 수동으로 잘라내야 한다.
처음 나오는 딜리미터 아래를 보면 Content-Desposition: form-data; name=”userName” 이라는 부분이 나오는 것을 볼 수 있는데 이것은 HTML 에서 넘어오는 Form Data 를 구분해서 그에 상응하는 Parameter Name 과 Parameter Value 로 나눠서 보여준다는 것을 알 수 있다. 물론 tornado 라는 것은 파라미터 값이 되겠다.
다시 딜리미터가 시작이 되고 아랫줄에 filename= 이라는 곳이 시작이 되는데 이곳부터 실제 파일이 시작이 되는 것이다. 현재 업로드 된 파일은 TEXT 형식이기 때문에 위와 같이 보여지지만 Binary 형태의 자료가 업로드가 된다면 이상한 문자들을 화면 가득 만날 것이다.
참고로 Binary 자료를 서버측에서 받으려 한다면 절대로 Reader 계열의 IO 클래스들을 사용해서는 안된다. Reader 계열 클래스 들은 문자를 읽어 들이는 스트림 이기 때문에 Binary 자료를 읽어 들이게 되면 제대로 업로드가 되리라는 보장이 없다.
위와 같이 복잡한 과정을 통해 업로드가 된다는 것을 알아보았다.
다시 한번 강조하지만 HTML Form 태그에 enctype 이 명시가 되면 절대로 Request 객체로 값을 받지 못한다는 것을 상기하기 바란다. 또 자료를 업로드 할 때에는 Method 속성이 POST 여야 한다는 것도 잊지 말자.(그렇다고 GET 방식은 절대로 못한다는 것은 아니다)
MultipartRequest 로 파일 업로드 하기
위와 같은 복잡한 과정을 거쳐 업로드를 하게 된다면 자바 IO 를 제대로 공부하지 않은 사람은 업로드 게시판은 절대 꿈도 못 꿀 것이다. 하지만 이렇게 복잡한 업로드를 간단히 해결해 주는 클래스들이 인터넷 상에 제공되고 있다.
우리가 사용할 MultipartRequest 라는 업로드 컴포넌트는 Oreilly 사에서 제공하는 컴포넌트이며 이 컴포넌트를 사용할 때에는 저작권이 따른다는 것을 알고 있기를 바란다.
또한 이 컴포넌트를 사용하려면 Oreilly 의 책을 구입해야 한다고 명시하고 있다.
위의 컴포넌트를 받으려면 아래의 웹사이트를 방문하여야 한다.
http://servlets.com/cos/index.html
위의 주소로 접속을 하고 화면을 아래로 스크롤 하게 되면 압축파일이 있는 표를 만나게 되는데
날짜를 확인하고 제일 최신 버전을 다운로드 받으면 된다.
참고로 현재 최신 버전은 2002년 11월 05 일 판이다.
cos-05Nov2002.zip 와 같은 파일을 찾았다면 다운로드를 하고 적당한 곳에 압축을 푼다.
압축을 풀면 아래와 같은 디렉토리가 생기게 된다.
디렉토리의
구조는 아래와 같다.classes 디렉토리는 MultipartRequest 의 클래스 들이 위치한 디렉토리 이다.
Doc 디렉토리는 MultipartRequest API Document 가 들어있는 디렉토리 이다
Lib 디렉토리는 MultipartRequest 의 클래스들을 압축하여 놓은 Library 디렉토리이다.
Src 디렉토리는 Source 디렉토리 이다.
upload.war 파일은 웹 아카이브 라는 형태의 파일로서 이것을 webapps 에 놓고 톰캣을 Restart 하게 되면 해당 war 파일이 압축이 풀리며 바로 사용 가능한 상태로 되는 파일형식이다. 이 파일을 이용하여 테스트를 할 수 있다.
Lib 디렉터리에 있는 cos.jar 이라는 파일을 톰캣 설치디렉토리의 common/lib 에 복사 한다. (c:/tomcat4/common/lib)
꼭 common/lib 에 위치 시켜야 하는데 이유는 톰캣이 처음 시작될 때 common/lib 에 있는 라이브러리를 읽어 들일 수 있게 해당 파일을 로딩하기 때문이다. JDBC 드라이버도 마찬가지로 이곳에 위치시켜야 한다.
Tomcat 을 restart 하게 되면 cos.jar 파일에 들어있는 클래스들을 이용할 수 있게 된다.
본격적으로 업로드를 해보자.
위에서 작성한 receive.jsp 파일을 아래와 같이 작성한다.
|
<%-- FileName receive.jsp SavePath c:/tomcat4/webapps/ROOT/uploadTest --%> <%@ page contentType="text/html;charset=euc-kr" %> <%@ page import="com.oreilly.servlet.MultipartRequest" %> <%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> <%@ page import="java.util.*" %> <%@ page import="java.io.*" %> <% String savePath="c:/tomcat4/webapps/ROOT/uploadTest"; // 저장할 디렉토리 (절대경로) int sizeLimit = 10 * 1024 * 1024 ; // 파일업로드 용량 제한.. 10Mb try{ MultipartRequest multi = new MultipartRequest(request, savePath, sizeLimit,"euc-kr",new DefaultFileRenamePolicy()); String userName = multi.getParameter("userName"); String fileName= multi.getFilesystemName("userFile"); String originFileName = multi.getOriginalFileName("userFile"); if(fileName == null) { out.print("파일이 업로드 되지 않았습니다!!"); } else { fileName=new String(fileName.getBytes("ISO-8859-1"),"euc-kr"); out.print("User Name : " + multi.getParameter("userName") + "<BR>"); out.print("getFilesystemName() : " + fileName + "<BR>"); out.print("getOriginalFileName() : " + originFileName +"<BR>"); } // end if } catch(Exception e) { out.print(e.getMessage()); } %> |
http://localhost:8080/uploadTest/uploadForm.html 부터 실행을 한다.
업로드 할 파일을 선택하고 전송 버튼을 누르게 되면 아래와 같은 그림이 나오게 된다.
다시 위의 과정을 반복해 본다. 아래와 같은 그림이 나온다.
이제 업로드 된 디렉터리를 보게 되면 아래와 같은 그림이 나오게 된다.
위의 결과치를 보게 되면 MultipartRequest 안에 들어있는 두 가지의 메소드의 용법을 알 수 있다.
String fileName= multi.getFilesystemName("userFile");
String originFileName = multi.getOriginalFileName("userFile");
getFilesystemName() 메소드는 서버측으로 실제 업로드 된 파일의 이름을 얻어오는 메소드 라는 것을 알 수가 있다.
getOriginalFileName() 메소드는 사용자가 업로드 한 실제 파일 이름을 얻어오는 메소드 이다.
그리고 중복 파일이 있을 경우에는 자동으로 파일이름 뒤에 중복된 숫자가 붙는다는 것을 알 수 있다.
이제 이렇게 업로드 된 파일의 이름을 데이터베이스에 입력을 하게 되면 자료실을 쉽게 구현 할 수가 있게 된다.
다음으로 알아볼 것은 업로드 된 파일의 사이즈를 알아내는 부분이다.
MultipartRequest 에는 파일의 사이즈를 반납해 주는 메소드는 없다. 하지만 File 객체 자체를 반납해 주는 메소드가 존재한다.
실제 파일객체를 받게 될 경우 File 객체에서 사용할 수 있는 모든 메소드를 사용할 수 있다는 장점이 있다.
파일의 사이즈는 아래와 같이 얻어오면 된다.
File f = multi.getFile("userFile");
과 같이 받아오면 된다. 이제 이렇게 받아온 파일을 통해 파일의 사이즈 및 각종 정보를 얻을 수 있게 된다.
아래의 코드를 receive.jsp 파일에 추가한다. 위치는 userFile 이름을 받아오는 아랫쪽에 위치 시키면 된다.
|
File f = multi.getFile(“userFile”); int fileSize = (int)file.length(); out.print(“<BR> 파일 사이즈 : “ + fileSize + “<BR>”); |
사이즈가 잘 출력이 되는 것을 볼 수 있을 것이다. 참고로 int 로 형변환 하는 것은 File 객체의 length() 메소드의 반환값이 long 이기 때문에 형변환을 해준 것이다.
이제 여러 개의 파일을 업로드를 해보자. 또 이렇게 업로드 된 파일을 데이터 베이스의 테이블에 저장해 보도록 하자.
테이블의 구조는 아래와 같다. MySQL 의 test 데이터베이스에 만들도록 하자.
|
Create table upTable( num int unsigned not null auto_increment primary key, name varchar(50) not null, subject varchar(200) not null, contents text not null, up1 varchar(50), up2 varchar(50), up3 varchar(50), size1 int, size2 int, size3 int, ); |
먼저 파일을 선택할 수 있는 HTML 형식의 문서가 있어야 한다.
예) multiUp.html
|
<HTML> <HEAD> <TITLE>JSP UPLOAD Test</TITLE> <HEAD> <BODY> <FORM name="frm" method="POST" ACTION="multiUp.jsp" enctype="multipart/form-data"> <TABLE Border="1"> <TR> <TD>이름 <input type="text" name="userName"></td> </TR> <TR> <TD>제목 <input type="text" name="subject" size=40></td> </TR> <TR> <TD>내용<TextArea name="contents" rows="10" cols="60"></textArea></td> </TR> <TR> <TD>파일 1 <input type="file" name="up1"> </TD> </TR> <TR> <TD>파일 2 <input type="file" name="up2"> </TD> </TR> <TR> <TD>파일 3 <input type="file" name="up3"> </TD> </TR> <TR> <TD> <INPUT TYPE="SUBMIT" value=" 전 송 "> </TD> </TR> </TABLE> </FORM> </BODY> </HTML> |
위의 파일에서 주의 하여야 할 것은 enctype=”multipart/form-data” 부분이다. 다시 강조하지만 enctype 부분이 생략되면 업로드가 안된다는 것을 알고 있기 바란다.
이제 위의 HTML 폼에서 넘어가는 파일들과 파라메터들을 받아서 저장해줄 JSP 파일이 필요하다.
아래의 파일이 그 역할을 해주는 파일이다.
예) multiUp.jsp
|
<%-- FileName : multiUp.jsp savePath : c:/tomcat4/webapps/ROOT/uploadTest --%> <%@ page contentType="text/html; charset=euc-kr" %> <%@ page import="com.oreilly.servlet.MultipartRequest" %> <%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> <%@ page import="java.util.*" %> <%@ page import="java.sql.*" %> <%@ page import="java.io.*" %> <% String savePath = "c:/tomcat4/webapps/ROOT/uploadTest"; // 업로드 경로 int sizeLimit = 5 * 1024 * 1024; MultipartRequest multi = new MultipartRequest(request, savePath, sizeLimit, new DefaultFileRenamePolicy()); /* 오라클의 경우 아래와 같이 MultipartRequest 생성자 호출시에 한글이라는 것을 명시해야 한글이 안깨진다. MultipartRequest multi = new MultipartRequest(request, savePath, sizeLimit, "euc-kr", new DefaultFileRenamePolicy()); */ // 넘어오는 파라메터. String userName = multi.getParameter("userName"); String subject = multi.getParameter("subject"); String contents = multi.getParameter("contents"); // 넘어오는 파일 이름 String fileName1 = multi.getFilesystemName("up1"); String fileName2 = multi.getFilesystemName("up2"); String fileName3 = multi.getFilesystemName("up3"); // 파일 사이즈 받기 int size1 = (int)(new File(savePath + "/" + fileName1).length()); int size2 = (int)(new File(savePath + "/" + fileName2).length()); int size3 = (int)(new File(savePath + "/" + fileName3).length()); // 데이터베이스 접속 Class.forName("org.gjt.mm.mysql.Driver").newInstance(); Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","123456"); String query = "insert into upTable values(null, ?, ?, ?, ?, ?, ?, ?, ?, ?)"; PreparedStatement pstmt = conn.prepareStatement(query); pstmt.setString(1, userName); pstmt.setString(2, subject); pstmt.setString(3, contents); pstmt.setString(4, fileName1); pstmt.setString(5, fileName2); pstmt.setString(6, fileName3); pstmt.setInt(7, size1); pstmt.setInt(8, size2); pstmt.setInt(9, size3); int affectedRow = pstmt.executeUpdate(); pstmt.close(); conn.close(); if(affectedRow != 1){ out.print("데이터 베이스 입력에 실패하였습니다"); // 입력에 실패하였다면 서버측에 업로드 된 파일을 삭제한다. Enumeration enum = multi.getFileNames(); while(enum.hasMoreElements()){ new File(savePath + "/" + multi.getFilesystemName((String)enum.nextElement())).delete(); } }else{ response.sendRedirect("upList.jsp"); } %> |
위의 파일을 잘 보게 되면 넘어오는 파라메터를 request 객체로 받지 않고 request 를 MultipartRequest 에 매개변수로 넘겨준 후 MultipartRequest 의 인스턴스인 multi 로 받아낸다는 것을 볼 수 있다.
특히 한글 파일이 업로드가 될 때에는 주의를 해야 한다. MultipartRequest 객체로 파일을 받아올 때 charset 이 지정되지 않으면 한글인 경우 파일이름이 깨지게 된다. 이때에는 주석 처리를 한 부분과 같이 한글문자셋을 지정해 줘야 한다.
하지만 MySQL 인 경우에는 한글인코딩을 하게 되면 한글이 다시 깨지게 되기 때문에 업로드 되는 파일의 이름만 부분적으로 한글 인코딩을 해줘야 하게 된다. 여러가지 시도를 해보고 각자의 환경에 맞게 고쳐서 쓰기 바란다.
파일의 사이즈를 받는 부분은 파일을 생성하고 그곳에 length() 메소드를 호출하여 int 로 형변환 하였다는 것을 볼 수 있다.
반환값이 long 타입이기 때문에 형변환은 해줬지만 자신의 입맛에 맞게 사용하기 바란다.
앞서 했던 파일을 하나만 올리는 예제와 비교해 보면 이번 예제는 데이터베이스에 저장을 한다는 부분이 추가되었다.
데이터베이스에 저장할 때는 파일의 이름과 파일의 사이즈를 입력해주면 된다.
위에서 받아온 파일의 이름을 PreparedStatement 의 IN 파라메터에 각각 대입을 해주고 executeUpdate 된 숫자를 받아주면 데이터베이스에 잘 입력이 되었는가의 판단 여부를 알아 낼 수 있다. 만약 데이터베이스에 입력이 잘 되었다면 1 이 반환될 것이고 그렇지 않다면 0 이 반납이 되기 때문이다. 이렇게 나온 숫자를 이용하여 데이터 베이스에 입력이 안되었다면 기존의 업로드 된 파일들을 지워줘야 한다.
MultipartRequest 클래스의 메소드 중에는 파일입력 파라메터들의 이름을 Enumeration 객체로 반납해 주는 메소드가 있다.
바로 getFileNames() 라는 메소드 인데, 이 메소드가 해주는 역할은 파일이름을 반납하는 것이 아니라 파일이름이 담겨서 오는 파라메터들을 반납해 준다는 것이다. 이렇게 알아낸 파일들의 파라메터 이름들을 이용하여 getFilesystemName() 메소드에 알려주게 되면 실제 업로드 된(중복파일이 있다면 변경된 이름을 반납) 파일의 이름을 알아 낼 수가 있다.
이렇게 알게 된 파일의 실제 이름을 File 객체로 생성하여 delete() 메소드를 호출하게 되면 업로드 된 파일이 서버측에서 삭제되게 된다.
만약 데이터베이스에 잘 입력이 되었다면 upList.jsp 파일로 요청이 넘어가게 되는데 upList.jsp 파일에서는 데이터베이스에 입력되어 있는 모든 레코드를 num 순서의 역방향(desc) 로 정렬하여 사용자 측에 보여주게 된다.
아래의 그림은 upList.jsp 파일이다. 제목을 클릭하면 업로드된 게시물의 내용과 업로드 된 파일을 볼 수가 있다.
그림 . upList.jsp
그럼 데이터 베이스에는 어떻게 들어가 있는지 보자.
MySQL 서버가 깔려있는 경로로 이동하여 mysql –u root –p test 라고 입력한 후 패스워드를 입력한다.
Select * from upTable; 과 같이 입력하면 아래와 같은 그림이 나오게 된다.
아래는 upList.jsp 파일의 소스이다.
예제 : upList.jsp
|
<%-- FileName upList.jsp savePath=c:/tomcat4/webapps/ROOT/uploadTest --%> <%@ page contentType="text/html; charset=euc-kr" %> <%@ page import="java.io.*" %> <%@ page import="java.sql.*" %> <%@ page import="java.util.*" %> <% // 데이터베이스 접속 Class.forName("org.gjt.mm.mysql.Driver").newInstance(); Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","123456"); String query = "select * from uptable order by num desc"; Statement stmt = conn.createStatement(); ResultSet rs = stmt.executeQuery(query); out.print("<Table border=1>"); out.print(" <tr>"); out.print(" <td>번호</td>"); out.print(" <td width=100>제목</td>"); out.print(" </tr>"); while(rs.next()){ out.print("<tr>"); out.print(" <td>"+rs.getInt("num")+"</td>"); out.print(" <td><a href=upView.jsp?num="+rs.getInt("num")+">"+rs.getString("subject")+"</a></td>"); out.print(" </tr>"); } out.print("</table>"); rs.close(); stmt.close(); conn.close(); %> |
위에 있는 upList.jsp 그림과 같이 잘 보인다면 제목을 클릭해 보자. upView.jsp 로 페이지가 이동되는 것을 알 수 있다.
이제 upView.jsp 에서 해야 할 일이 머릿속에 그려질 것이다.
먼저 해야 할 일은 upList.jsp 에서 넘어오는 파라메터의 값을 받아내야 한다.
그 후 num 값을 이용하여 쿼리를 전송하고 또 그렇게 얻어지는 결과치를 브라우져에 알맞게 뿌려주면 된다.
또한 파일들에 대하여 링크를 걸어줘야 파일을 클라이언트 측에서 인식을 할 수가 있게 된다.
현재는 파일에 대해 파일이름을 직접 지정하지만 추후 제작할 업로드 게시판에서는 다운로드를 해주는 파일을 제작할 것이다.
아래의 예제는 upView.jsp 파일이다. 파일이름에 대소문자 잘 구별하여 저장한다.
예제 upView.jsp
|
<%-- FileName : upView.jsp savePath : c:/tomcat4/webapps/ROOT/uploadTest --%> <%@ page contentType="text/html; charset=euc-kr" %> <%@ page import="java.sql.*" %> <% int num = Integer.parseInt(request.getParameter("num")); // 데이터베이스 접속 Class.forName("org.gjt.mm.mysql.Driver").newInstance(); Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","123456"); String query = "select * from upTable where num="+num; Statement stmt = conn.createStatement(); ResultSet rs = stmt.executeQuery(query); out.print("<table border=1>"); if(rs.next()){ out.print("<tr>"); out.print(" <td>번호 : " + rs.getInt("num") + "</td>"); out.print(" <td colspan=2>제목 : " + rs.getString("subject") + "</td>"); out.print("</tr>"); out.print("<tr>"); out.print(" <td colspan=3>"); out.print(" 파일 1 <a href=/uploadTest/"+rs.getString("up1")+">"+ rs.getString("up1") + "</a>"); out.print(" 파일 2 <a href=/uploadTest/"+rs.getString("up2")+">"+ rs.getString("up2") + "</a>"); out.print(" 파일 3 <a href=/uploadTest/"+rs.getString("up3")+">"+ rs.getString("up3") + "</a>"); out.print("</tr>"); out.print("<tr>"); out.print(" <td>내용</td>"); out.print(" <td colspan=2 height=50>" + rs.getString("contents") + "</td>"); out.print("</tr>"); out.print("<tr>"); out.print(" <td colspan=3>"); out.print(" <a href=modify.jsp?num="+rs.getInt("num")+">수정</a>"); out.print(" <a href=delete.jsp?num="+rs.getInt("num")+">삭제</a>"); out.print("</tr>"); } out.print("</table>"); rs.close(); stmt.close(); conn.close(); %> |
위의 파일을 실행하면 아래와 같은 그림이 나오게 된다.
화면 하단에 보면 수정/삭제 부분이 보인다. 여기서 수정이란 기존의 파일을 삭제하고 새로운 파일을 올리겠다는 것이고
삭제는 기존의 파일과 데이터베이스에 들어있는 정보를 같이 삭제 하겠다는 것이다.
그럼 삭제를 먼저 해보자. 위의 그림에서 보이는 것과 같이 삭제 라는 곳에 마우스를 올리고 브라우져 하단에 나오는 링크정보를 보도록 하자 delete.jsp?num=1 과 같이 정보가 넘어가는 것을 알 수 있다.
delete.jsp 파일에서는 넘어오는 파라메터를 이용하여 데이터베이스에 쿼리를 하고 얻어진 파일이름을 이용하여 파일을 삭제하고 다시 데이터베이스의 레코드를 삭제하면 된다. 이 후, 정보가 잘 삭제되었다면 다시 upList.jsp 파일로 페이지를 이동시켜주면 된다.
아래의 예제를 작성한 후 실행 해 보고 윈도우탐색기에서 파일이 잘 삭제 되었는지 보고, 데이터베이스에서는 레코드가 잘 삭제 되었는지 확인해 보자.
예제. delete..jsp
|
<%-- FileName : delete.jsp SavePath : c:/tomcat4/webapps/ROOT/uploadTest --%> <%@ page contentType="text/html; charset=euc-kr" %> <%@ page import="java.sql.*" %> <%@ page import="java.io.*" %> <% int num = Integer.parseInt(request.getParameter("num")); String savePath = "c:/tomcat4/webapps/ROOT/uploadTest"; String query1 = "select up1, up2, up3 from upTable where num="+num; Class.forName("org.gjt.mm.mysql.Driver").newInstance(); Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","123456"); Statement stmt = conn.createStatement(); ResultSet rs = stmt.executeQuery(query1); ResultSetMetaData rsmd = rs.getMetaData(); int columnCount = rsmd.getColumnCount(); if(rs.next()){ for(int i = 1; i <= columnCount; i++){ if(rs.getString(i) != null || rs.getString(i).length() > 0){ new File(savePath + "/" + rs.getString(i)).delete(); } } } String query2 = "delete from uptable where num="+num; stmt.executeUpdate(query2); rs.close(); stmt.close(); conn.close(); response.sendRedirect(“upList.jsp”); %> |
위의 파일에서는 ResultSet 에서 나오는 테이블 정보를 이용하여(ResultSetMetaData) 선택된 컬럼의 개수를 알아내고, 그렇게 알아낸 컬럼의 숫자만큼 순환문을 돌면서 파일객체를 생성하여 업로드 된 파일을 삭제 하는 것을 볼 수 있다.
이후 두번째 쿼리문 에서는 해당 레코드를 삭제하는 쿼리를 데이터베이스에 전송한 다는 것을 알 수 있다.
현재의 예제 파일에는 중간에 에러발생시 전혀 복구가 불가능한 상태인데 파일을 삭제 할 시에 정말 삭제 하는 것이 아니라 임시디렉토리를 하나 두고 삭제할 파일을 임시 디렉토리로 이동시킨후 해당 레코드가 정상적으로 삭제가 되었으면 임시디렉토리에 있는 파일을 실제로 삭제하는 방법을 써야 한다. 물론 업로드 할 때에도 위와 같은 방법을 쓰는 것이 좋다.
마지막으로 수정 하는 부분을 작성해 보도록 하자.
기존 업로드 된 파일들을 새로운 파일로 대치 하고, 또 글 내용에 대한 사항을 수정해야 하는 것이기 때문에 위의 delete.jsp 보다는 약간 복잡하다.
수정을 하려면 새로운 내용과 새로운 파일을 입력을 받을 수 있는 HTML 폼이 필요하다. 또 이곳에서 넘어가는 파라메터들에 대하여 작업을 해야 할 JSP 파일도 필요하다.
먼저 새로운 내용을 입력받는 형식을 작성해 보도록 하자.
예제. modify.jsp
|
<%-- FileName : modify.jsp SavePath : c:/tomcat4/webapps/ROOT/uploadTest --%> <%@ page contentType="text/html; charset=euc-kr" %> <% // 넘어오는 Number 값을 받아 낸 후 Hidden 변수타입으로 넘겨준다. int num = Integer.parseInt(request.getParameter("num")); %> <HTML> <HEAD> <TITLE>JSP UPLOAD Test</TITLE> <HEAD> <BODY> <FORM name="frm" method="POST" ACTION="modifyUp.jsp" enctype="multipart/form-data"> <TABLE Border="1"> <TR> <TD>이름 <input type="text" name="userName"></td> </TR> <TR> <TD>제목 <input type="text" name="subject" size=40></td> </TR> <TR> <TD>내용<TextArea name="contents" rows="10" cols="60"></textArea></td> </TR> <TR> <TD>파일 1 <input type="file" name="up1"> </TD> </TR> <TR> <TD>파일 2 <input type="file" name="up2"> </TD> </TR> <TR> <TD>파일 3 <input type="file" name="up3"> </TD> </TR> <TR> <TD> <INPUT TYPE="SUBMIT" value=" 전 송 "> </TD> </TR> </TABLE> <!-- 히든 변수로 modifyUp.jsp 파일에서 참조할 변수를 전달 한다 --> <input type="hidden" name="num" value=<%= num %>> </FORM> </BODY> </HTML> |
modify.jsp 파일은 생각보다 상당히 단순하다. 그냥 HTML 입력폼 에 Hidden 변수타입만 추가된 형태이다.
이곳에서 hidden 변수를 modifyUp.jsp 파일에 반드시 넘겨줘야 한다. 그렇지 않으면 기존의 어느 레코드에 업데이트를 해야 할 지 알 수가 없기 때문이다. 이렇게 넘어간 num 변수 값과 새롭게 입력된 파라메터들을 modifyUp.jsp 파일에서 데이터 베이스 쪽으로 새롭게 갱신해 줘야 한다. 또 새롭게 넘어오는 파일이 있다면 해당 파라메터에 상응하는 컬럼이 가지고 있는 기존의 실제 파일을 삭제 해줘야 한다. 세곳의 파일 입력폼에서 전부 파일이 전송된다면 각 컬럼에 들어있는 파일정보를 이용하여 실제 파일을 삭제해야 하며 만약 한군데의 입력폼 에서만 파일이 전송된다면 해당되는 입력폼에 상응하는 컬럼이 가지고 있는 실제 파일을 삭제해 줘야 한다.
어렵겠지만 다음 장의 예제를 자세히 보자.
예제. modifyUp.jsp
|
<%-- FileName : modifyUp.jsp SavePath : c:/tomcat4/webapps/ROOT/uploadTest --%> <%@ page contentType="text/html; charset=euc-kr" %> <%@ page import="com.oreilly.servlet.MultipartRequest" %> <%@ page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy" %> <%@ page import="java.util.*" %> <%@ page import="java.sql.*" %> <%@ page import="java.io.*" %> <% String savePath = "c:/tomcat4/webapps/ROOT/uploadTest"; // 업로드 경로 int sizeLimit = 10 * 1024 * 1024; MultipartRequest multi = new MultipartRequest(request, savePath, sizeLimit, new DefaultFileRenamePolicy()); int num = Integer.parseInt(multi.getParameter("num")); String subject = multi.getParameter("subject"); String contents = multi.getParameter("contents"); boolean selectFlag = false; String selectQuery = "select "; String updateQuery = "update uptable set "; Enumeration e = multi.getFileNames(); while(e.hasMoreElements()){ String formName = (String)e.nextElement(); if(multi.getFilesystemName(formName) != null){ selectQuery += formName + ","; updateQuery += formName + "='" + multi.getFilesystemName(formName) + "',"; selectFlag = true; } } if(selectQuery.trim().endsWith(",")){ selectQuery = selectQuery.substring(0, selectQuery.length()-1); } selectQuery += " from upTable where num="+num; updateQuery += " subject='"+ subject + "', contents='"+contents+"' where num="+num; // out.print(selectQuery + "<BR>" + updateQuery); Class.forName("org.gjt.mm.mysql.Driver").newInstance(); Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","123456"); Statement stmt = conn.createStatement(); if(selectFlag){ ResultSet rs = stmt.executeQuery(selectQuery); ResultSetMetaData rsmd = rs.getMetaData(); int columnCount = rsmd.getColumnCount(); if(rs.next()){ for(int i = 1; i <= columnCount; i++){ new File(savePath + "/" + rs.getString(i)).delete(); } } rs.close(); } stmt.executeUpdate(updateQuery); stmt.close(); conn.close(); response.sendRedirect("upList.jsp"); %> |
위의 예제에서 보면 쿼리문장을 순환문을 통해 작성을 한다는 것을 알 수가 있다.
이는 사용자가 새로 갱신될 파일이나 내용을 어떻게 전송할 지 예측할 수가 없기 때문에 순환문을 통해 실제 업로드 된 파라메터에 해당하는 부분만 쿼리 문장에 포함을 시키려고 한 것이다.
위의 예제를 실행해 보면 실제 업로드 된 파일에 해당하는 부분의 컬럼 정보와 그곳에 저장되어있는 파일만 삭제 된다는 것을 볼 수 있다. 어렵게 생각되는 예제 이지만 쇼핑몰의 상품 사진 업로드 부분을 작성하려면 위와 같은 방법을 응용해야 할 것이다.
'My work space > JSP/Servlet' 카테고리의 다른 글
| Log4j 사용법 로깅-Log4J (0) | 2008.09.08 |
|---|---|
| JSP: 파일 업로드 (cos.jar 이용) MultipartRequest를 통한 FIle Upload, Download, Delete (0) | 2008.09.08 |
| Servlet API 파일 (0) | 2008.09.08 |
| session사용 (0) | 2008.09.08 |
| 세션설정,세션에서 값 가져오기 (0) | 2008.09.08 |
JSP: 파일 업로드 (cos.jar 이용) MultipartRequest를 통한 FIle Upload, Download, Delete
|
파일 업로드 (cos.jar 이용) |
바운더리를 이용한 방법은 복잡하다. 그래서 기존의 방법을 사용하는 방법으로 다시 파일 업로드를 짜보겠다.
//upload.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>파일업로드</title>
</head>
<body>
<h3>파일 업로드</h3>
업로드한 파일을 선택해 주세요.<br>
<form action="upload.jsp" method="post" enctype="multipart/form-data">
<table>
<tr>
<td>제목</td>
<td><input type="text" name="subject"></td>
</tr>
<tr>
<td>파일 이름</td>
<td><input type ="file" name="file1"></td>
</tr>
<tr>
<td>파일 이름</td>
<td><input type ="file" name="file2"></td>
</tr>
<tr>
<td colspan="2">
<input type="submit">
<input type="reset">
</td>
</tr>
</table>
</body>
</html>
파일 업로드
업로드한 파일을 선택해 주세요.
<FORM action=upload.jsp method=post encType=multipart/form-data>
| 제목 | <INPUT value=파일업로드 name=subject> |
| 파일 이름 | <INPUT type=file name=file1> |
| 파일 이름 | <INPUT type=file name=file2> |
| <INPUT type=submit value="쿼리 전송"> <INPUT type=reset value=원래대로> | |
//upload.jsp
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%@ page import="java.io.*" %>
<%@ page import="com.oreilly.servlet.*" %>
<%@ page import="com.oreilly.servlet.multipart.*" %>
<% request.setCharacterEncoding("euc-kr"); %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>파일 업로드 결과</title>
</head>
<body>
<h3>파일 업로드 결과</h3>
<%
String dir = application.getRealPath("/upload"); //폴더 얻기
int max = 5 * 1024 * 1024; //최대 업로드 크기는 5M까지만 허용
try {
MultipartRequest m = new MultipartRequest(request, dir, max, "euc-kr",new DefaultFileRenamePolicy());
String subject = m.getParameter("subject");
String file1 = m.getFilesystemName("file1");
String ofile1 = m.getOriginalFileName("file1");
String file2 = m.getFilesystemName("file2");
String ofile2 = m.getOriginalFileName("file2");
%>
<%
if(file1 != null) {
%>
업로드 파일1:<a href=/upload/<%=file1%>><%=ofile1%></a><br>
<%
}//if
if(file2 != null) {
%>
업로드 파일2:<a href=/upload/<%=file2%>><%=ofile2%></a><br>
<%
}//if
}catch(Exception e){
e.printStackTrace(new PrintWriter(out));
}//catch
%>
</body>
</html>
파일 업로드 결과
업로드 파일1:hi.txt
업로드 파일2:sleeping.jpeg
파일저장장소는
C:\eclipse\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\webapps\ch1_web\upload
최신 다운로드
======================================================================================================================
======================================================================================================================
★ MultipartRequest를 이용하여 업로드구현하기
* 강좌를 시작하기전에.... - 기존의 jspSmartUpload를 대체해 가고 있는 MultipartRequest에 대한 간단한 사용법에 대해 강의 합니다. - MultipartRequest는 COS 패키지에 포함되어 있는 파일 업로드 컴포넌트 입니다. - COS 에서는 한글등(non-Latin-1)의 언어를 지원하지 않았었습니다. 그러한 이유로 이아스(이창신)님 께서 배포한 COSI(COS International) 를 주로 사용 하였으나, 이아스님의 노력에 힘입어 2002년 5월 9일 자 COS에서는 한글을 포함한 non-Latin-1 계열의 언어를 지원하게 되었습니다. 근 2년간의 국제화를 위한 투쟁이 비로서 결실을 맺는 순간이었습니다. COS 공식 사이트 : http://www.servlets.com/cos/index.html
필자는 기존에 jspSmartUpload를 주로 사용하여 업로드를 구현했었다. 하지만 jspSmartUpload는 로직자체에 상당한 문제점(업로드된 파일을 메모리에 올리고 작업하여 그로인해 파생되는 문제점들)이 있음이 밝혀 졌고, 그로인해 jspSmartUpload의 사용은 급속히 줄어 들었다. 사실 jspSmartUpload에서는 편리한 많은 메소드를 지원해주고 있어 MultipartRequest를 사용하는것 보다 훨씬 쉽게 원하는 기능을 구현 할수 있는 것이 사실이다. 하지만 jspSmartUpload는 문제점이 발견 되었으므로 가능한사용을 자제하는 것이 좋겠다. MultipartRequest는 아주 간단한 메소드를 몇개 지원한다. 하지만 이 메소드들 만으로도 왠만한 기능은 전부 구현이 가능하니 실망하지 말자. getFile() 메소드를 이용하면 java.io.File 객체를 얻어 낼수 있으니 이를 이용하면 될것이다.
MultipartRequest는 oreilly에서 배포하며, http://www.servlets.com/cos/index.html에서 다운로드 받아도 되고, 필자의 홈페이지(http://aboutjsp.com/)의 자료실에도 업로드를 해놓았으니 다운받아 사용해 보기 바란다. 설치 하는 방법은 다운로드 받아서 압축을 푼뒤, classes 디렉토리 아래를 톰캣의 classes 디렉토리에 통째로 복사한다. (예.ROOT/WEB-INF/classes) 혹은 cos.jar를 lib에 복사해도 된다. COS 패키지기에는 MultipartRequest 말고도 유용한 많은 클래스들이 많이 존재하므로, 여기의 API문서를 참고하여 사용하기 바란다
간단한 예제를 통해서 알아 보도록 하자.
<html>
<%@ page contentType="text/html;charset=euc-kr" %> <%@ page import="com.oreilly.servlet.MultipartRequest, com.oreilly.servlet.multipart.DefaultFileRenamePolicy, <% } catch(Exception e) { 위의 예제 소스를 보면 대부분이 이해가 잘 갈것이라 생각되지만.. 하나씩 살펴 보도록 하겠다. 우선 write.htm 에서는 폼에서 method="post" 형식으로 해야 하며 ecntype="multipart/form-data" 를 꼭 붙여 주어야 한다. 다음으로 up.jsp를 하나 하나 살펴 보자. MultipartRequest 클래스를 import 하고, java.util.* 는Enumeration 객체를 사용하기 위해서 import 한다.. savePath 는 저장될 실제 디렉토리(시스템상의 절대 경로)를 적으면 된다. sizeLimit 에서는 제한 용량을 셋팅하는데, 위와같은방법으로 메가바이트 단위로 지정할 수 있다. 그 다음줄에서는 MultipartRequest 객체가 생성됨과 동시에 업로드가 이루어져 지정한 디렉토리에 저장된다. 이때 MultipartRequest의 여러 생성자들중 하나를 이용하면 되는데, 기존에는 새성자로 한글 "euc-kr"을 줬어야 했는데, 어쩐일인지 이제는 주지 않아아 한글 이름의 파일이 잘 저장되느는 것을 볼수 있다. 또한 가장 오른쪽의 'new DefaultFileRenamePolicy' 는 는 파일 이름 중복처리에 관한 것으로 넣을수도 있고, 뺄수도 있다. 필요하지 않다고 생각된다면 빼버리도록 하자. 그아래에 if 문을 보면, 파일이 업로드 되었을때와 업로드 되지 않았을때의 처리를 나누어서 할수 있도록 하고 있다. if 문 위의 3라인은 파일의 이름을 얻기위한 로직으로 Enumeration 객체로 받은 폼의 이름을 이용하고 있다. 만약 폼이 여러개가 있을 경우엔 적절한 자료형을 이용하여 폼의 이름을 통해서 파일의 이름들을 얻어 낼수 있을 것이다. 만약 파일 업로드를 Beans로 구현할 경우엔 반드시 이러한 로직을(Enumeration 객체를 이용한 loop구문)사용해야 할 것이다. 사실 위의 예제에서는 굳이 Enumerration 객체를 가지고 구현할 필요는 없지만, 해당 메소드의 사용법을 보여주기 위해서 사용하였다. 이러한 방법을 사용하지 않을 경우에는 if 위에 3라인을 삭제하고 아래의 내용을 추가 하면다. String fileName=multi.getFilesystemName("upfile");
이번 버젼의 MultipartRequest 에서 부터는 파일 중복처리 인터페이스가 추가 되었고, 위의 예제 소스는 그러한 내용이 반영되어있다. DefaultFileRenamePolicy는 FileRenamePolicy Interface 를 구현한 것으로, 중복된 파일 이름뒤에 숫자를 붙여 주고 있다. ( abcd.zip , abcd1.zip, abcd2.zip, abcd3.zip ....... ) DefaultFileRenamePolicy Class를 바탕으로 새로운 RenamePolicy class 를 만들면 자신이 원하는 FileRenamePolicy 를 적용할수 있다. 또한 getFilesystemName()메소드를 이용하여 변경된 파일 이름을 얻을수 있고, getOriginalFileName()메소드는 변경되기 이전의 파일이름을 넘겨준다.
write.htm 에서 서정한바와 같이 enctype="multipart/form-data" 로 지정하면, request.getParameter()로는 아무러 값도 받아 올수가 없게된다. 그러한 이유로 대부분의 파일업로드 컴포넌트에서는 getParameter() 메소드를 지원하는데, MultipartRequest에서도 이러한 메소드를 지원한다. 지원하는 메소드는 아래와 같으며, 사용법은 request.getParameter() 등과 동일하다. String getParameter(String name)
MultipartRequest multi=new MultipartRequest(request, savePath, sizeLimit, new DefaultFileRenamePolicy()); 위를 아래와 같이 수정한다. MultipartRequest multi=new MultipartRequest(request, savePath, sizeLimit, "euc-kr", new DefaultFileRenamePolicy()); "euc-kr" 부분엔 "ksc5601", "ms949" 등 자신의 환경에 알맞는 캐릭터셋을 넣어 주면 된다.
각 메소드들에 대한 자세한 사용법은 아래의 API문서를 참고 하기 바란다. ===================================================================================================================== ======================================================================================================================
|
'My work space > JSP/Servlet' 카테고리의 다른 글
| Log4j 사용법 로깅-Log4J (0) | 2008.09.08 |
|---|---|
| MultipartRequest 로 파일 업로드 하기 (0) | 2008.09.08 |
| Servlet API 파일 (0) | 2008.09.08 |
| session사용 (0) | 2008.09.08 |
| 세션설정,세션에서 값 가져오기 (0) | 2008.09.08 |
'My work space > JSP/Servlet' 카테고리의 다른 글
| MultipartRequest 로 파일 업로드 하기 (0) | 2008.09.08 |
|---|---|
| JSP: 파일 업로드 (cos.jar 이용) MultipartRequest를 통한 FIle Upload, Download, Delete (0) | 2008.09.08 |
| session사용 (0) | 2008.09.08 |
| 세션설정,세션에서 값 가져오기 (0) | 2008.09.08 |
| session.setAttribute 에서 주의할 점 (0) | 2008.09.08 |
Prev
Rss Feed
