Loading...

Spring/Tistory / / 2022. 4. 27. 00:18

블로그-V3. 썸네일 지정 안했을 때 FakeImg 설정

반응형

 

 

썸네일 사진 업로드를 하지 않았을 때

데이터베이스에 어떻게 들어가는지 확인해보자.

 

null이 들어가야 하는데 UUID만 붙어서 들어가 있다.

썸네일에 nullable=true를 설정해주지 않았기 때문이다.

 

파일을 넣지 않으면 FakeImg가 나오도록 설정해주자.

 

Post 오브젝트에 thumnail을 nullable=false로 지정해주고,

PostWriteReqDto에서 thumnail에 붙은 @NotNull을 지워준다.

 

그다음 UUID가 달리지 않게 하기 위해

PostService의 게시글쓰기 메서드를 수정해준다.

 

// 1. 이미지 파일 저장 (UUID 변경) 후 경로 리턴 받기
String thumnail = null;
if (!postWriteReqDto.getThumnailFile().isEmpty()) {
    thumnail = UtilFileUpload.write(uploadFolder, postWriteReqDto.getThumnailFile());
}

 

그 다음 썸네일이 있으면 이미지를 뿌려주고 없으면 FakeImg를 뿌리기 위해 list.mustache를 수정해준다.

 

<div class="my_post_list_item_left">
    {{#thumnail}}
    <img src="/upload/{{thumnail}}" width="100%" height="100%">
    {{/thumnail}}
    {{^thumnail}}
    <div class="my_fakeimg">Fake Image</div>
    {{^thumnail}}
</div>

 

 

 

 

[출처]

 

https://cafe.naver.com/metacoding

 

메타코딩 : 네이버 카페

코린이들의 궁금증

cafe.naver.com

메타 코딩 유튜브

https://www.youtube.com/c/%EB%A9%94%ED%83%80%EC%BD%94%EB%94%A9

 

메타코딩

문의사항 : getinthere@naver.com 인스타그램 : https://www.instagram.com/meta4pm 깃헙 : https://github.com/codingspecialist 유료강좌 : https://www.easyupclass.com

www.youtube.com

 
반응형