'파일업로드' 태그의 글 목록

파일업로드

JSP 파일업로드 2017.08.16 2

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

PREV 1 NEXT

악덕고용주의 개발 일기