현재 버전

저장했던 프로필사진을 특정 페이지에서 출력하고 싶은데 어떻게 하죠?


Spring으로 웹페이지 만드는 중입니다.

회원가입시 프로필사진을 업로드하는 하도록 구현했습니다. 사진 업로드 방식은 파일을 서버 컴퓨터의 폴더에 넣어놓고 그 폴더의 경로를 MemberVO member에 저장하도록 하는 방식으로 했습니다.

이제 마이페이지에서 프로필사진을 조회하도록 하면 되는데요. 이걸 어떻게 해야할 지 모르겠습니다.

일단 아래 java코드에서 

File file = new File(member.getUploadPath() + File.separator + member.getFileName());

이 부분이 파일경로와 파일 이름을 합쳐서 File 클래스를 생성하는 부분입니다.

이 다음에 어떻게 해야 아래 myPage.jsp에서 이미지를 출력할 수 있을까요?

	// 마이페이지 get
	@RequestMapping(value = "/myPage", method = RequestMethod.GET)
	public void getMyPage(HttpSession session) throws Exception {
		logger.info("get myPage");
		
		MemberVO member = (MemberVO)session.getAttribute("member");
		
		File file = new File(member.getUploadPath() + File.separator + member.getFileName());
	}


<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
	<title>kuzuro 게시판</title> 
 
 	<script src='https://code.jquery.com/jquery-3.3.1.min.js'></script>
 	<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
</head>
<body>

<p>
	<label for="userId">아이디</label>
	<input type="text" id="userId" name="userId" value="${member.userId}" readonly="readonly"/>
</p>
<p>
	<label for="userName">닉네임</label>
	<input type="text" id="userName" name="userName" value="${member.userName}" readonly="readonly"/>
</p>
<p>
	<label for="regDate">가입일</label>
	<input type="text" id="regDate" name="regDate" value=<fmt:formatDate value="${member.regDate}" pattern="yyyy-MM-dd" /> readonly="readonly"/>
</p>
<p>
	<label for="phone">휴대폰 번호</label>
	<input type="text" id="phone" name="phone" value="${member.phone}" readonly="readonly"/>
</p>
<p>
	<label for="address">주소</label>
	<input type="text" id="address" name="address" value="${member.address}" readonly="readonly"/>
</p>
<p>
	<label for="address_detail">상세 주소</label>
	<input type="text" id="address_detail" name="address_detail" value="${member.address_detail}" readonly="readonly"/>
</p>
<p>
	<label for="about_me">자기 소개</label>
	<textarea id="about_me" name="about_me" readonly="readonly">${member.about_me}</textarea>
</p>
<p>
	<label>프로필 사진</label>
	
</p>
<p>
	<a href="/">처음으로</a>
</p>

</body>
</html>



수정 이력

2022-01-01 16:19:24 에 아래 내용에서 변경 됨 #3

Spring으로 웹페이지 만드는 중입니다.

회원가입시 프로필사진을 업로드하는 하도록 구현했습니다. 사진 업로드 방식은 파일을 서버 컴퓨터의 폴더에 넣어놓고 그 폴더의 경로를 MemberVO member에 저장하도록 하는 방식으로 했습니다.

이제 마이페이지에서 프로필사진을 조회하도록 하면 되는데요. 이걸 어떻게 해야할 지 모르겠습니다.

일단 아래 java코드에서 

File file = new File(member.getUploadPath() + File.separator + member.getFileName());

이 부분이 파일경로와 파일 이름을 합쳐서 File 클래스를 생성하는 부분입니다.

이 다음에 어떻게 해야 아래 HTML에서 이미지를 출력할 수 있을까요?

	// 마이페이지 get
	@RequestMapping(value = "/myPage", method = RequestMethod.GET)
	public void getMyPage(HttpSession session) throws Exception {
		logger.info("get myPage");
		
		MemberVO member = (MemberVO)session.getAttribute("member");
		
		File file = new File(member.getUploadPath() + File.separator + member.getFileName());
	}


<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
	<title>kuzuro 게시판</title> 
 
 	<script src='https://code.jquery.com/jquery-3.3.1.min.js'></script>
 	<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
</head>
<body>

<p>
	<label for="userId">아이디</label>
	<input type="text" id="userId" name="userId" value="${member.userId}" readonly="readonly"/>
</p>
<p>
	<label for="userName">닉네임</label>
	<input type="text" id="userName" name="userName" value="${member.userName}" readonly="readonly"/>
</p>
<p>
	<label for="regDate">가입일</label>
	<input type="text" id="regDate" name="regDate" value=<fmt:formatDate value="${member.regDate}" pattern="yyyy-MM-dd" /> readonly="readonly"/>
</p>
<p>
	<label for="phone">휴대폰 번호</label>
	<input type="text" id="phone" name="phone" value="${member.phone}" readonly="readonly"/>
</p>
<p>
	<label for="address">주소</label>
	<input type="text" id="address" name="address" value="${member.address}" readonly="readonly"/>
</p>
<p>
	<label for="address_detail">상세 주소</label>
	<input type="text" id="address_detail" name="address_detail" value="${member.address_detail}" readonly="readonly"/>
</p>
<p>
	<label for="about_me">자기 소개</label>
	<textarea id="about_me" name="about_me" readonly="readonly">${member.about_me}</textarea>
</p>
<p>
	<label>프로필 사진</label>
	
</p>
<p>
	<a href="/">처음으로</a>
</p>

</body>
</html>


2022-01-01 16:06:09 에 아래 제목에서 변경 됨 #2

웹페이지로 저장했던 프로필사진을 특정 페이지에서 출력하고 싶은데 어떻게 하죠?

2022-01-01 16:05:55 에 아래 제목에서 변경 됨 #1

프로필사진을 보여주고 싶은데 어떻게 하죠?