[spring] 클론코딩08 User - 프로필 사진 등록, 조회, 삭제

# 파일 업로드를 하는 2가지 방법

1. 웹서버에 저장하기
2. DB에 (byte형태로) 저장하기

실무, 대규모 사이트 등에서 많이 사용하는 두번째 방법을 사용한다.

 

 

# 파일 업로드를 위해서 해야할 일

1. pom.xml 에 모듈 추가 commons-fileupload

<!-- 파일 업로드를 위한 라이브러리 --> 
<dependency> 
	<groupId>commons-fileupload</groupId>
    <artifactId>commons-fileupload</artifactId>
    <version>1.3.1</version>
</dependency>

2. DB 설정 jdbc.properties 에서 계정 비밀번호가 맞는지 확인

3. 설정 파일 mvc-config.xml에서 파일 업로드 라이브러리 빈등록 하기

<!-- [파일 업로드 라이브러리 ]-->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
	<property name="maxUploadSize"> 
    	<value>50000000</value> 
    </property>
</bean>

4. 테이블 생성 sql

 

 

테이블 필드

• 파일 식별 아이디 user_img_no
• 어떤 유저의 파일인지 user_no
• 프로필 오리지널 파일명 profile_name
• 파일 사이즈 profile_size -> 바이트 수가 얼마인가
• 파일 확장자 profile_content_type
• 실제 파일 데이터 profile_data -> longblob(16기가까지 저장가능)

 

 

 

 

Controller

---

UsersController

//프로필 사진 등록 요청
@PostMapping("/profile/upload")
public ModelAndView photoUpload(UserImgsVO imgFile, HttpSession session) throws Exception {
	logger.info("/upload : Post요청 발생!!!!");
	logger.info("파일 확인 : " + imgFile);
	
	
	MultipartFile mfile = imgFile.getFile();
	
	imgFile.setProfileName(mfile.getOriginalFilename());
	imgFile.setProfileSize(mfile.getSize());
	imgFile.setProfileContentType(mfile.getContentType());
	imgFile.setProfileData(mfile.getBytes());
	
	usersService.insertUserImg(imgFile);
	
	
	//유저 번호로 회원 정보 전부 조회
	UsersVO modifyUser = usersService.inquiryOfUserByUserNo(imgFile.getUserNo());
	//다시 로그인 세션에 저장
	session.setAttribute("login", modifyUser);
	//세션 확인
	System.out.println("수정 된 로그인 세션  : " + session.getAttribute("login"));
		
	return new ModelAndView ("redirect:/user/modify");
}

프론트에서 받은 회원 이미지 정보를 가져와서 mfile에 저장 후 다시 imsFile에 값을 지정해준다.

mfile정보를 다시 추출해서 VO에 채워준 후 다시 DB에 등록한다.

정보가 변경되었으므로 로그인 세션도 변경해준다. 

 

//파일 불러오기 요청
@RequestMapping("/profile/{userNo}")
public ResponseEntity<byte[]> getProfile(@PathVariable int userNo) throws Exception {
		
	logger.info("/user/profile/" + userNo + " -> POST 요청 발생 ! " );
	
	UserImgsVO profile = usersService.getProfile(userNo);
	logger.info("userNo로 파일 불러오기 요청 profile 확인  : " + profile);
	

	//파일을 클라이언트로 전송하기 위해 전송정보를 담을 헤더 설정
	HttpHeaders headers = new HttpHeaders();
	String[] ftypes = profile.getProfileContentType().split("/");
	
	//전송헤더에 파일정보와 확장자를 셋팅.
	headers.setContentType(new MediaType(ftypes[0], ftypes[1]));
	
	//전송헤더에 파일 용량을 셋팅
	headers.setContentLength(profile.getProfileSize());
	
	//전송헤더에 파일명을 셋팅
	headers.setContentDispositionFormData("attachment", profile.getProfileName());
	
	return  new ResponseEntity<byte[]>(profile.getProfileData(), headers, HttpStatus.OK);
	
}

/profile/유저의 번호 -> 요청이 들어오면 프로필을 조회한다.

view에서 프로필 사진 조회

 

//프로필 사진 삭제 요청
@PostMapping("/profile/delete")
public ModelAndView photoDelete(int userNo, HttpSession session) throws Exception {
	
	logger.info("프로필 사진 삭제 요청 /profile/delete POST요청");
	
	usersService.deleteUserImg(userNo);
	
	//유저 번호로 회원 정보 전부 조회
	UsersVO modifyUser = usersService.inquiryOfUserByUserNo(userNo);
	//다시 로그인 세션에 저장
	session.setAttribute("login", modifyUser);
	//세션 확인
	System.out.println("수정 된 로그인 세션  : " + session.getAttribute("login"));
	
	return new ModelAndView("redirect:/user/modify");
}

 

 

 

 

Service

---

UsersService

//프로필 사진 등록
@Transactional
@Override
public void insertUserImg(UserImgsVO file) throws Exception {
	//삭제 하고 등록해야함!
	usersDAO.deleteUserImg(file.getUserNo());
	usersDAO.insertUserImg(file);
}
//첨부파일을 DB에서 불러오기
@Override
public UserImgsVO getProfile(int userNo) throws Exception {
	return usersDAO.getProfile(userNo);
}
//프로필 사진 삭제
@Override
public void deleteUserImg(int userNo) throws Exception {
	usersDAO.deleteUserImg(userNo);
}

프로필 사진 등록시 등록되어있는 사진을 삭제하고 등록해야한다 -> 트랜젝션(여러개의 SQL이 작동할 때 하나의 묶음, 하나의 거래로 인식되는것. 여러개의 SQL이 정상 실행되면 commit, 하나라도 실패하면 rollback한다.)

 

---

pom.xml 트랜젝션 모듈 설치 

<!-- 스프링 tx 모듈 -->
<dependency>
	<groupId>org.springframework</groupId>
	<artifactId>spring-tx</artifactId>
	<version>${org.springframework-version}</version>
</dependency>

mvc-config.cml 트랜젝션 설정

<!-- [트랜잭션 매니저 빈 등록] -->
<bean id="txManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
	<property name="dataSource" ref="ds" />
</bean>

servlet-config.xml

<!-- 트랜잭션 관련 아노테이션 동작 설정 -->
<tx:annotation-driven transaction-manager="txManager"/>

---

 

 

//아이디로 회원의 모든 정보 조회
@Override
public UsersVO inquiryOfUserById(String id) throws Exception {
	return usersDAO.inquiryOfUserById(id);
}
//회원번호로 회원의 모든 정보 조회
@Override
public UsersVO inquiryOfUserByUserNo(int userNo) throws Exception {
	return usersDAO.inquiryOfUserByUserNo(userNo);
}