728x90
반응형
[Springboot] 35. 파일 업로드(3단계-ResourceHandler 사용하기)
1. WebMvcConfigure
// C:\Users\KDP\Documents\Lightshot\img.png <-- 서버 컴퓨터 상의 실제 이미지 경로지만
// 프로젝트 상에서(클라이언트가 HTML 소스로 보이는 경로는)
// /images/uploads/**
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/images/uploads/**")
.addResourceLocations("file:\\C:\\work_spring\\upload/");
}
2. User 내부의 메서드
public String setUpUserImage() {
return uploadFileName==null ?
"https://picsum.photos/id/1/350" : "/images/uploads/" +uploadFileName;
}
3. header.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>myBank</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/css/common.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="m--flex-container">
<div class="m--container">
<div class="jumbotron text-center m--banner-img" style="margin-bottom: 0">
<h1>My Bank</h1>
<p>마이바이티스를 활용한 스프링 부트 앱 만들어보기</p>
</div>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<a class="navbar-brand" href="/index">홈</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<c:choose>
<c:when test="${principal != null}">
<%-- 사용자가 로그인 상태 --%>
<li class="nav-item"><a class="nav-link" href="/user/logout">로그아웃</a></li>
</c:when>
<c:otherwise>
<%-- 사용자가 로그인 안된 상태 --%>
<li class="nav-item"><a class="nav-link" href="/user/sign-in">로그인</a></li>
<li class="nav-item"><a class="nav-link" href="/user/sign-up">회원가입</a></li>
</c:otherwise>
</c:choose>
</ul>
</div>
</nav>
<div class="container" style="margin-top: 30px">
<div class="row">
<div class="col-sm-4">
<h2>About Me</h2>
<h5>Photo of me:</h5>
<%--start of 코드 수정 --%>
<%--1. 로그인 유무 확인 --%>
<c:choose>
<c:when test="${principal != null}">
<img class="m--profile" alt="" src="${principal.setUpUserImage()}">
</c:when>
<c:otherwise>
<div class="m--profile"></div>
</c:otherwise>
</c:choose>
<%--end of 코드 수정 --%>
<p>코린이 개발을 위한 뱅크 앱</p>
<h3>서비스 목록</h3>
<p>계좌목록,생성, 출금, 입금, 이체 페이지를 활용할 수 있어요</p>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="/account/list">나의계좌목록</a></li>
<li class="nav-item"><a class="nav-link" href="/account/save">신규계좌생성</a></li>
<li class="nav-item"><a class="nav-link" href="/account/withdrawal">출금하기</a></li>
<li class="nav-item"><a class="nav-link" href="/account/deposit">입금하기</a></li>
<li class="nav-item"><a class="nav-link" href="/account/transfer">이체하기</a></li>
</ul>
<hr class="d-sm-none">
</div>
<!-- end of header.jsp -->
4. application.yml (*file 항목)
server:
port: 8080 #서버가 사용할 포트 번호 설정
servlet:
encoding:
charset: utf-8 #서블릿의 응답과 요청 인코딩을 UTF-8 로 설정
force: true # 요청과 응답에 대해 이 인코딩을 강제로 사용하도록 설정합니다.
spring:
mvc:
view:
prefix: /WEB-INF/view/ #JSP파일이 위치한 디렉토리 접두사를 설정합니다.
suffix: .jsp #뷰 이름에 자동으로 추가될 파일 확장자를 설정합니다.
servlet:
multipart:
max-file-size: 20MB #파일 최대 크기 20MB
max-request-size: 20MB #멀티파트 전체 요청 크기 제한
datasource:
url: jdbc:mysql://localhost:3306/mybank?serverTimeZone=Asia/Seoul #데이터 베이스 연결을 위한 URL을 설정 합니다.
driver-class-name: com.mysql.cj.jdbc.Driver #드라이버 클래스를 설정 합니다.
username: root #사용자 ID를 지정
password: asd123 #DB 비밀번호 여기서는 빈 문자열로 설정
sql:
init:
schema-locations:
- classpath:db/table.sql
data-locations:
- classpath:db/data.sql
h2:
console:
enabled: true #H2 데이터 베이스 콘솔을 활성화 합니다.
output:
ansi:
enabled: always #콘솔 출력에 ANSI 색상 코드를 사용할 수 있도록 설정
#mybatis 설정
mybatis:
mapper-locations:
- classpath:mapper/**/*.xml #MyBatis 매퍼 파일 위치를 설정합니다. **은 모든 디렉토리, *.xml 은 모든 XML 파일을 의미합니다.
configuration:
map-underscore-to-camel-case: true #데이터베이스의 언더스코어 네이밍(column_name)을 카멜 케이스(columnName)로 자동 매핑합니다.
log-impl: org.apache.ibatis.logging.stdout.StdOutImpl #SQL 로깅 구현체를 설정합니다.
logging:
level:
org.apache.ibatis: DEBUG #MyBatis 로깅 레벨을 DEBUG로 설정하여 실행되는 SQL 쿼리와 내부 로깅 정보를 콘솔에 출력합니다.
# 초기 파라미터 설정
file:
upload-dir: C:\\work_spring\\upload/
*yml에서 설정한 파일 경로 가져오기 (userService의 멤버변수)
// 초기 파라미터 가져오는 방법 (from yml)
@Value("${file.upload-dir}")
private String uploadDir;
** Userservice 메서드 수정 - uploadFile()
/**
* 서버 운영체제에 파일 업로드 기능
* MultipartFile etOriginFilename : 사용자가 작성한 파일 명
* uploadFileName : 서버 컴퓨터에 저장될 파일명
* @param mFile
* @return
*/
private String[] uploadFile(MultipartFile mFile) {
// 파일 업로드 구현
// 파일 용량 체크
if(mFile.getSize() > Define.MAX_FILE_SIZE) {
throw new DataDeliveryException("파일 크기는 20MB보다 클 수 없습니다.", HttpStatus.BAD_REQUEST);
}
// 서버 컴퓨터에 파일을 넣을 디렉토리가 있는지 검사
// String saveDirectory = uploadDir;
// System.out.println("uploadDir"+uploadDir);
File directory = new File(uploadDir);
if(!directory.exists()) {
directory.mkdirs();
}
// 파일 이름 생성 (파일명 중복 예방)
String uploadFileName = UUID.randomUUID()+"_"+mFile.getOriginalFilename();
// 파일 전체 경로 + 새로 생성한 파일명
String uploadPath = uploadDir+uploadFileName;
System.out.println("------------------------------");
System.out.println(uploadPath);
System.out.println(uploadFileName);
System.out.println("------------------------------");
File destination = new File(uploadPath);
// 반드시 수행
try {
mFile.transferTo(destination);
} catch (IllegalStateException | IOException e) {
e.printStackTrace();
throw new DataDeliveryException("파일 업로드 중에 오류가 발생했습니다.", HttpStatus.INTERNAL_SERVER_ERROR);
}
return new String[] {mFile.getOriginalFilename(), uploadFileName};
}
+ 파일 경로의 경우, 이렇게 작성할 수도 있다. (getAbsolutePath())
(다른 운영체제에서 개발할 때 참고하자!!)
// 코드 수정
// getAbsolutePath() : 파일 시스템의 절대 경로를 나타냅니다.
String saveDirectory = new File(uploadDir).getAbsolutePath();
System.out.println("saveDirectory : "+saveDirectory);
728x90
반응형
'Springboot' 카테고리의 다른 글
[Springboot] 37. 파일 확장자 인증 검사 (0) | 2024.08.14 |
---|---|
[Springboot] 36. 존재하지 않는 경로에 대한 요청 처리 (0) | 2024.08.14 |
[Springboot] 34. 파일 업로드(2단계-DTO, Service, JSP 수정) (0) | 2024.08.13 |
[Springboot] 33. 파일 업로드(1단계-멀티 파트란?) (0) | 2024.08.13 |
[Springboot] 32. 사용자 비밀번호 암호화 처리 (0) | 2024.08.13 |