FormData

FormData

multipart/form-data를 요청을 만들기 위한 특수 데이터 구조

---

FormData 특징

○ 일반 텍스트 데이터 뿐만 아니라, 파일도 전송할 수 있다.

○ 서버로 전송될 때 자동으로 multipart/form-data 형식으로 인코딩된다.

○ append()로 추가한 값을 console.log로 확인할 수 없다.

---

사용법

// 이미지 파일 서버 전송

const formData = new FormData();

formData.append("name", "/* 이미지 이름 */");
formData.append("file", /* 파일 */);

fetch(
  "POST",
  {
    body: formData
    // Content-Type 헤더는 multipart/form-data으로 자동 설정
  }
);

○ append의 key 값과 value 값은 사용자가 직접 정의할 수 있다.