day53 - JSP(사진 추가 페이지)

KIC/JSP

day53 - JSP(사진 추가 페이지)

바차 2021. 8. 31. 00:10

[photoFrom.jsp]

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 사진 등록</title>
</head>
<body> 사진 photo 폴더 생성 (f5)
<h3>업로드</h3>
<form action="<%=request.getContextPath()%>/member/photoPro" method="post"
enctype="multipart/form-data">
	<input type="file" name="picture">
	<input type="submit" value="사진등록">

</form>

</body>
</html>

[photoPro.jsp]

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!--
1. 파일 업로드 하기 -> 업로드 위치는 /photo로 설정
2. 파일 내용을 opener에 출력하기. 현재 윈도우는 close 함
  -->
<script>
img = opener.document.getElementById("pic");
img.src="<%=request.getContextPath()%>/photo/${filename}"; // 업로드된 이미지 회원가입 화면에 출력
opener.document.f.picture.value="${filename}";
self.close();
</script>