다중 이미지 Ajax 전송
-
[JavaScript] SpringBoot : 다중 이미지 Ajax 전송(Ajax DB 테이블 생성, Ajax promise, <form> + Ajax 데이터 전송)프로젝트/기능 정리 2023. 7. 24. 15:10
목적 다중 이미지 Ajax 전송 기능 구현 데이터 + Ajax 데이터 동시에 서버 전송 처리 비동기 방식 순차 처리를 위한 promise 사용 이전 글에서 다중 이미지 미리보기 처리과정을 정리했다. 폼을 다시 보면 아래와 같은데, 텍스트와 이미지를 한번에 서버로 전송해야 하는 구성이다. 이전 글과 같은 방식으로 이미지를 입력 받고, 다른 텍스트들이 채워지면 submit 버튼(게시)이 활성화 되도록 했다. submit을 하게되면 텍스트 데이터는 태그에 의해 POST 방식으로, 이미지 배열은 Ajax에 의해 POST 방식으로 서버에 넘겨주도록 만들었다. 하나씩 정리해보자. [JSP] 우선 태그 구조는 아래와 같다. 관련 설명은 여기 제목 사진 파일선택 해시태그 장소 게시 흐름을 보기 위해 적어두지만 따로 설..