JSP 파일업로드

2017. 8. 16. 00:07

[ JSP 파일업로드 ]

jsp에서 파일업로드를 지원하는 라이브러리는 다양한 것들이 있지만 대표적인 것이 cos.jar이다.

해당 라이브러리를 다운받는 사이트는 http://servlets.com/cos/ 에서 스크롤을 내리다보면 다운로드가 있다.

해당 파일을 다운로드해서 압축을 풀어 lib에 들어가보면 cos.jar파일이 보이는데 해당 파일을

자신의 프로젝트의 WEB-INF/lib 폴더에 넣고 동기화를 해주면 된다.

- [ 파일 업로드 폼 ] : fileUploadForm.jsp

이때, 파일을 저장할 디렉토리가 필요함으로 프로젝트 WebContent 하위에 uploadFile 폴더를 하나 만들자

이제 이 폴더에 업로드한 파일이 저장되도록 할 것인데, 프로젝트 내에 위치했다해서 워크스페이스 내에 있는 것이 아니다!!

실제 파일의 위치는 자신의 톰캣 서버 내의 프로젝트 폴더 내에 위치하고 있다는 점을 알아야한다.

만약 정확히 모르겠다면 jsp페이지에서 절대경로를 찍어보면 된다.

- fileUpload.jsp

: 파일 업로드

<%@page import="java.io.File"%>
<%@page import="java.util.Enumeration"%>
<%@page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy"%>
<%@page import="com.oreilly.servlet.MultipartRequest"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>

<%
	// request.getRealPath("상대경로") 를 통해 파일을 저장할 절대 경로를 구해온다.
	// 운영체제 및 프로젝트가 위치할 환경에 따라 경로가 다르기 때문에 아래처럼 구해오는게 좋음
	String uploadPath = request.getRealPath("/uploadFile");
	out.println("절대경로 : " + uploadPath + "<br/>");
	
	int maxSize = 1024 * 1024 * 10; // 한번에 올릴 수 있는 파일 용량 : 10M로 제한
	
	String name = "";
	String subject = "";
	
	String fileName1 = ""; // 중복처리된 이름
	String originalName1 = ""; // 중복 처리전 실제 원본 이름
	long fileSize = 0; // 파일 사이즈
	String fileType = ""; // 파일 타입
	
	MultipartRequest multi = null;
	
	try{
		// request,파일저장경로,용량,인코딩타입,중복파일명에 대한 기본 정책
		multi = new MultipartRequest(request,uploadPath,maxSize,"utf-8",new DefaultFileRenamePolicy());
		
		// form내의 input name="name" 인 녀석 value를 가져옴
		name = multi.getParameter("name");
		// name="subject" 인 녀석 value를 가져옴
		subject = multi.getParameter("subject");
		
		// 전송한 전체 파일이름들을 가져옴
		Enumeration files = multi.getFileNames();
		
		while(files.hasMoreElements()){
			// form 태그에서 <input type="file" name="여기에 지정한 이름" />을 가져온다.
			String file1 = (String)files.nextElement(); // 파일 input에 지정한 이름을 가져옴
			// 그에 해당하는 실재 파일 이름을 가져옴
			originalName1 = multi.getOriginalFileName(file1);
			// 파일명이 중복될 경우 중복 정책에 의해 뒤에 1,2,3 처럼 붙어 unique하게 파일명을 생성하는데
			// 이때 생성된 이름을 filesystemName이라 하여 그 이름 정보를 가져온다.(중복에 대한 처리)
			fileName1 = multi.getFilesystemName(file1);	
			// 파일 타입 정보를 가져옴
			fileType = multi.getContentType(file1);
			// input file name에 해당하는 실재 파일을 가져옴
			File file = multi.getFile(file1);
			// 그 파일 객체의 크기를 알아냄
			fileSize = file.length();
		}
	}catch(Exception e){
		e.printStackTrace();
	}
%>

<form action="fileCheck.jsp" method="post" name="fileCheckFormName">
	<input type="hidden" value="<%=name%>" name="name" />
	<input type="hidden" value="<%=subject%>" name="subject" />
	<input type="hidden" value="<%=fileName1%>" name="fileName1" />
	<input type="hidden" value="<%=originalName1%>" name="originalName1" />
</form>

<a href="#" onclick="javascript:document.fileCheckFormName.submit()">업로드 파일 확인하기 :<%=fileName1 %></a>

-fileCheck.jsp

: 파일 체크 페이지

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

fileCheck jsp페이지
	<%
		// post방식에 대한 한글 인코딩 방식 지정 get방식은 서버의 server.xml에서 Connector태그에 URIEncoding="UTF-8" 추가
		request.setCharacterEncoding("UTF-8");
		
		// input type="name" 의 value값을 가져옴
		String name = request.getParameter("name");
		// input type="subject" 의 value값을 가져옴
		String subject = request.getParameter("subject");
		// 중복방지용으로 만들어져 넘겨진 파일명을 가져옴
		String fileName1 = request.getParameter("fileName1");
		// 본래의 파일명을 가져옴
		String originalName1 = request.getParameter("originalName1");
	%>
	
	<h3>업로드 파일 확인</h3>
	올린 사람 : <%=name %><br/>
	제목 : <%=subject %><br/>
	
	
	파일1 다운로드 : <a id="downA" href="#"><%=originalName1%></a>
	<script type="text/javascript">
		// 영문파일은 그냥 다운로드 클릭시 정상작동하지만 한글파일명을 쿼리문으로 날릴경우 인코딩 문제가 발생할 수 있다. 한글이 깨져 정상작동하지 않을 수 있음
		// 따라서, 쿼리문자열에 한글을 보낼 때는 항상 인코딩을 해서 보내주도록 하자.
		document.getElementById("downA").addEventListener("click", function(event) {
			event.preventDefault(); // a 태그의 기본 동작을 막음
			event.stopPropagation(); // 이벤트의 전파를 막음
			// fileName1을 utf-8로 인코딩한다.
			var fName = encodeURIComponent("<%=fileName1%>");
			// 인코딩된 파일이름을 쿼리문자열에 포함시켜 다운로드 페이지로 이동
			window.location.href = "fileDown1.jsp?file_name="+fName;
		});
	</script>

-fileDown1.jsp

: 파일 다운 페이지

<%@page import="java.net.URLEncoder"%>
<%@page import="java.io.FileInputStream"%>
<%@page import="java.io.File"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%
	// a태그의 href로 fileDown1.jsp?file_name="<%=fileName1 을 통해 전달한 
	// 중복 방지 처리한 파일명 값을 가져온다.
	String fileName = request.getParameter("file_name");
	
	// 업로드한 폴더의 위치와 업로드 폴더의 이름을 알아야 한다.
	String savePath = "uploadFile"; // WebContent/uploadFile
	// 위의 폴더는 상대경로이고 절대경로 기준의 진짜 경로를 구해와야한다.
	String sDownPath = request.getRealPath(savePath);
	
	System.out.println("다운로드 폴더 절대 경로 위치 : " + sDownPath);
	System.out.println("fileName1 : " + fileName);
	
	// 저장되어 있는 폴더경로/저장된 파일명 으로 풀 path를 만들어준다.
		// 자바에서는 \를 표시하기 위해서는 \를 한번 더 붙여주기 때문에 \\로 해준다.
	String sFilePath = sDownPath + "\\" + fileName; // ex)c:\\uploadPath\\image.jpg
	System.out.println("sFilePath : " + sFilePath);
	// 풀 path에 대한걸 파일 객체로 인식시킨다.
	File outputFile = new File(sFilePath);
	// 저장된 파일을 읽어와 저장할 버퍼를 임시로 만들고 버퍼의 용량은 이전에 한번에 업로드할 수 있는 파일크기로 지정한다.
	byte[] temp = new byte[1024*1024*10]; // 10M
	
	// 파일을 읽어와야 함으로 inputStream을 연다.(풀패스를 가지는 파일 객체를 이용해 input스트림을 형성한다.)
	FileInputStream in = new FileInputStream(outputFile);
	
	// 유형 확인 : 읽어올 경로의 파일의 유형 -> 페이지 생성할 때 타입을 설정해야 한다.
	String sMimeType = getServletContext().getMimeType(sFilePath);
	
	System.out.println("유형 : " + sMimeType);
	
	// 지정되지 않은 유형 예외처리
	if ( sMimeType == null ){
		// 관례적인 표현
		sMimeType = "application.octec-stream"; // 일련된 8bit 스트림 형식
		// 유형이 알려지지 않은 파일에 대한 읽기 형식 지정
	}
	
	// 파일 다운로드 시작
	// 유형을 지정해 준다.
	response.setContentType(sMimeType); // 응답할 페이지가 text/html;charset=utf-8을
	// 파일 mime 타입으로 지정해 준다.
	
	// 업로드 파일의 제목이 깨질 수 있으므로 인코딩을 해준다.
	String sEncoding = new String(fileName.getBytes("euc-kr"),"8859_1");
	//String B = "utf-8";
	//String sEncoding = URLEncoder.encode(A,B);
	
	// 기타 내용을 헤더에 올려야 한다.
	// 기타 내용을 보고 브라우저에서 다운로드 시 화면에 출력시켜 준다.
	String AA = "Content-Disposition";
	String BB = "attachment;filename="+sEncoding;
	response.setHeader(AA,BB);
	
	// 브라우저에 쓰기
	ServletOutputStream out2 = response.getOutputStream();
	
	int numRead = 0;
	
	// 바이트 배열 temp의 0번부터 numRead번까지 브라우저로 출력
		// 파일이 위치한 곳에 연결된 inputStream에서 읽되 끝(-1) 전까지 while을 돈다.
	while((numRead = in.read(temp,0,temp.length)) != -1){ // temp 배열에 읽어올건데 0번째 인덱스부터 한번에 최대 temp.length 만큼 읽어온다.
		// 읽어올게 더이상 없으면 -1을 리턴하면서 while문을 빠져나감
		
		// 브라우저에 출력 : 근대 header 정보를 attachment로 해놓았음으로 다운로드가 된다.
		out2.write(temp,0,numRead); // temp배열에 있는 데이터의 0번째부터 최대 numRead만큼 출력한다.
	}
	// 자원 해제
	out2.flush();
	out2.close();
	in.close();
%>

저작자표시 비영리

'스터디 > JSP' 카테고리의 다른 글

JSP JSTL(Java Standard Tag Liarary) (0)	2017.08.18
JSP EL(Expression Language) 표현언어 (0)	2017.08.16
JSP 커넥션 풀(Connection Pool) (0)	2017.08.16
JSP DB(데이터베이스) (0)	2017.08.14
JSP 자바 빈즈(JAVA BEANS) (0)	2017.08.14

악덕고용주의 개발 일기

JSP 파일업로드

'스터디 > JSP' 카테고리의 다른 글

+ Recent posts

티스토리툴바