formdata
-
[JavaScript] SpringBoot 프로젝트 : 프로필 사진 기능 구현(5) - 이미지 Ajax전송(FormData, Ajax parameter)프로젝트/기능 정리 2023. 6. 11. 21:50
목적 회원제 웹사이트 개발시 거의 필수적으로 사용되는 프로필 사진 등록 및 수정 기능 구현 프로필 이미지 등록 관련 DB, Java, JS 처리 총 정리 일부 받아서 쓴 코드 리뷰 지난 글에서는 JS로 회원이 업로드한 이미지 미리보기 기능까지 알아봤다. 이번엔 업로드한 이미지를 Ajax 방식으로 컨트롤러에 전송하는 방법과 이미지 등록 취소시 코드를 보자. 데이터 흐름도는 다음과 같다. [데이터 흐름도] 이전 글에 이어 JavaScript 코드를 보자. 먼저 기억해야할 태그들은 다음과 같았다. 닫기 변경 [JavaScript] JS로는 총 세 가지 기능을 구현했다고 했다. 내용은 다음과 같다. 회원이 input 태그를 통해 이미지 파일을 선택했을 때, 파일 크기 확인 및 화면에 선택한 이미지 미리보기 이미..