FileReader
-
[JavaScript] SpringBoot 프로젝트 : 프로필 사진 기능 구현(4) - 이미지 미리보기(input type = "file", FileReader)프로젝트/기능 정리 2023. 6. 11. 14:52
목적 회원제 웹사이트 개발시 거의 필수적으로 사용되는 프로필 사진 등록 및 수정 기능 구현 프로필 이미지 등록 관련 DB, Java, JS 처리 총 정리 일부 받아서 쓴 코드 리뷰 지난 글까지는 기본이미지 또는 DB에 저장되어 있는 이미지를 가져와 JSP에 표시하는 과정을 살펴봤다. 그 과정에서 I/O Stream, VO, Mybatis, Tiles, AbstractView, Base64 encoding 등의 개념들도 짧게나마 정리했다. 이번 글 이후부터는 회원이 프로필 이미지를 등록하거나 수정할 때 처리과정을 알아보겠다. 데이터 흐름도는 다음과 같다. [데이터 흐름도] 일단 JSP쪽 코드부터 보자. [JSP] JSP의 코드는 아래와 같은데, 프로필 이미지와 관련된 태그들만 적었다. 프로필 사진 변경 닫..