[Servlet 3-2] File View

임승현·2022년 11월 30일

Servlet

목록 보기

7/14

🎨올린이와 파일을 입력받아 처리페이지(view.itwill)를 요청하여 전달하는 웹문서

📢 사용자로부터 파일을 입력받아 웹프로그램을 요청하여 전달하기 위해서는 반드시 method 속성값을 [POST]로 설정하고 enctype 속성값을 [multipart/form-data]로 설정
📌 enctype 속성 : [application/x-www-form-urlencoded] 또는 [multipart/form-data] 중 하나를 속성값으로 설정
→ [application/x-www-form-urlencoded] : 입력값을 인코딩 처리된 문자값으로 전달(기본) - 파일 전달 불가능
→ [multipart/form-data] : 모든 입력값을 원시데이타(멀티파트 폼데이타)로 전달 - 파일 전달 가능

📃file_view.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- 올린이와 파일을 입력받아 처리페이지(view.itwill)를 요청하여 전달하는 웹문서 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Servlet</title>
<link rel="stylesheet" href="css/common.css" type="text/css"/>
</head>
<body>
<h1>파일 업로드-1</h1>
<hr/>
입력 데이타 및 입력 파일을 웹브라우저에 출력<br/>
<hr/>
<!-- 사용자로부터 파일을 입력받아 웹프로그램을 요청하여 전달하기 위해서는 반드시 method 
 속성값을 [POST]로 설정하고 enctype 속성값을 [multipart/form-data]로 설정 -->
<!-- enctype 속성 : [application/x-www-form-urlencoded] 또는 [multipart/form-data] 중 하나를 속성값으로 설정 -->
<!-- => [application/x-www-form-urlencoded] : 입력값을 인코딩 처리된 문자값으로 전달(기본) - 파일 전달 불가능 -->
<!-- => [multipart/form-data] : 모든 입력값을 원시데이타(멀티파트 폼데이타)로 전달 - 파일 전달 가능 -->
<form action="view.itwill" method="post" enctype="multipart/form-data">
<table border="0" cellpadding="0" cellspacing="0" width="500" align="center">
<tr>
	<td valign="top" bgcolor="#000000" align="center">
		<table border="0" cellpadding="1" cellspacing="1" width="500">
			<tr bgcolor="#556b2f" class="menu">
				<td align="center" colspan="2">
					멀티파트/파일업로드(업로드 데이터 보기)
				</td>
			</tr>
			<tr bgcolor="#f4f4f4">
				<td width="100" align="center" class="t1">
					올린이
				</td>
				<td width="400" align="left">
					&nbsp;<input type="text" name="name" 
						size="10" maxlength="10" class="TXTFLD">
				</td>
			</tr>
			<tr bgcolor="#f4f4f4">
				<td width="100" align="center" class="t1">
					파일선택
				</td>
				<td width="400" align="left">
					&nbsp;<input type="file" name="fileone" 
						size="40" class="TXTFLD">
				</td>
			</tr>
			<tr bgcolor="#f4f4f4">
				<td align="center" colspan="2">
					<input type="submit" value="올라가라..">
				</td>
			</tr>
		</table>
	</td>
</tr>
</table>
</form>
</body>
</html>

🎨입력페이지(file_view.html)에서 전달된 입력값(올린이)과 입력파일을 반환받아 클라이언트에게 전달하는 서블렛

→ 입력페이지에서 전달된 원시데이터(멀티파트 폼데이터)를 클라이언트에게 전달하여 응답 처리

📢 비정상적인 요청에 대한 처리
if(request.getMethod().equals("GET")) {
	response.sendRedirect("file_view.html");
	return;
	}

/-------------------------------------------------------------------
📢 리퀘스트 메세지의 몸체부의 저장값에 대한 캐릭터셋 변경
request.setCharacterEncoding("utf-8");

📢 전달값(전달파일)을 반환받아 저장
→ 원시데이터(멀티파트 폼데이터)로 전달되는 값 또는 파일은 HttpServletRequest 객체의 getParameter() 메소드를 호출하여 값 또는 파일의 반환 불가능
String name=request.getParameter("name");
String fileone=request.getParameter("fileone");

📢 응답결과 생성

out.println("<!DOCTYPE html>");
out.println("<html>");
out.println("<head>");
out.println("<meta charset='UTF-8'>");
out.println("<title>Servlet</title>");
out.println("</head>");
out.println("<body>");
out.println("<h1>입력값과 입력파일</h1>");
out.println("<hr>");
out.println("<p>올린이 = "+name+"</p>");
out.println("<p>파일명 = "+fileone+"</p>");
out.println("</body>");
out.println("</html>")

-------------------------------------------------------------------/

📌 HttpServletRequest.getInputStream() : 리퀘스트 메세지의 몸체부에 저장되어 전달되는 원시데이터를 읽기 위한 입력스트림(ServletInputStream 객체)을 반환하는 메소드
ServletInputStream in=request.getInputStream();

📃FileViewServlet.java

package xyz.itwill.servlet;
//
import java.io.IOException;
import java.io.PrintWriter;
//
import javax.servlet.ServletException;
import javax.servlet.ServletInputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
//
//입력페이지(file_view.html)에서 전달된 입력값(올린이)과 입력파일을 반환받아 클라이언트에게 전달하는 서블렛
//→ 입력페이지에서 전달된 원시데이터(멀티파트 폼데이터)를 클라이언트에게 전달하여 응답 처리
@WebServlet("/view.itwill")
public class FileViewServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
	//
	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out=response.getWriter();
		//
		//비정상적인 요청에 대한 처리
		if(request.getMethod().equals("GET")) {
			response.sendRedirect("file_view.html");
			return;
		}
		//
		/*
		//리퀘스트 메세지의 몸체부의 저장값에 대한 캐릭터셋 변경
		request.setCharacterEncoding("utf-8");
		//
		//전달값(전달파일)을 반환받아 저장
		//→ 원시데이터(멀티파트 폼데이터)로 전달되는 값 또는 파일은 HttpServletRequest 객체의 getParameter() 메소드를 호출하여 값 또는 파일의 반환 불가능
		String name=request.getParameter("name");
		String fileone=request.getParameter("fileone");
		//
		//응답결과 생성
		out.println("<!DOCTYPE html>");
		out.println("<html>");
		out.println("<head>");
		out.println("<meta charset='UTF-8'>");
		out.println("<title>Servlet</title>");
		out.println("</head>");
		out.println("<body>");
		out.println("<h1>입력값과 입력파일</h1>");
		out.println("<hr>");
		out.println("<p>올린이 = "+name+"</p>");
		out.println("<p>파일명 = "+fileone+"</p>");
		out.println("</body>");
		out.println("</html>");
		*/
		//
		//HttpServletRequest.getInputStream() : 리퀘스트 메세지의 몸체부에 저장되어 전달되는 원시데이터를 읽기 위한 입력스트림(ServletInputStream 객체)을 반환하는 메소드
		ServletInputStream in=request.getInputStream();
		//
		out.println("<!DOCTYPE html>");
		out.println("<html>");
		out.println("<head>");
		out.println("<meta charset='UTF-8'>");
		out.println("<title>Servlet</title>");
		out.println("</head>");
		out.println("<body>");
		out.println("<h1>입력값과 입력파일</h1>");
		out.println("<hr>");
		out.println("<p>리퀘스트 메세지의 몸체부에 저장되어 전달된 원시데이터(멀티파트 폼데이터)</p>");
		out.println("<hr>");
		out.println("<pre>");
		while(true) {
			int readByte=in.read();
			if(readByte==-1) break;
			out.write(readByte);
		}
		out.println("</pre>");
		out.println("</body>");
		out.println("</html>");
	}
}

임승현

이전 포스트

[Servlet 3-1] form 태그

다음 포스트