FormData (2) 썸네일형 리스트형 [Spring Boot] Ajax와 FormData 객체를 이용한 이미지 전송 본 테스트는 jquery를 이용했습니다. 1. FormData 란 FormData는 태그의 역할을 수행하는 객체이다. FormData를 사용하면 반드시 ContentType과 processData를 false로 해주어야 한다. contentType을 false로 설정해줄 경우 contentType이 자동으로 아래와 같이 설정된다. multipart/form-data; boundary=----WebKitFormBoundaryzS65BXVvgmggfL5A 1) FormData 생성 var formData = new FormData(); or new FormData(form); 2) Form에 데이터 삽입 formData.append(key, value); // input태그를 통해 데이터를 삽입하는 방식과 .. [Spring Boot] Ajax를 이용해 이미지 정보를 객체 단위로 전송하는 방법 본 예제는 jquery를 이용해 구현하였습니다. 1. fileUpload.html ... 저장 ... 2. fileUpload.js $(document).ready(function () { $("#saveBtn").click(function () { var formData = new FormData(); //formData란 태그를 객체화한 것을 의미한다. //formData.append(key, value)를 이용해 데이터를 삽입할 수 있다. //form 태그 내에 input 태그를 사용한 것과 동일하다. var files = $("#files")[0].files; //선택한 파일리스트를 가져온다. for (var index = 0; index < files.length; index++) { formD.. 이전 1 다음