[Web] File과 JSON 동시에 서버로 전송하기(body 데이터에 각각 다른 Content-Type 적용하기)

Project Restoration - 댕근이다옹 프로젝트에서 업로드 기능을 구현하면서 파일과 함께 JSON 데이터를 함께 보내야 할 상황을 마주하게 되었습니다. API 명세서에서 요구한 내용은 다음과 같습니다. body에 File을 리스트에 담아 보내고, Content-type은 multipart/form-data로 지정할 것 body에 JSON 데이터를 오브젝트에 담아 보내고, Content-type은 application/json으로 지정할 것 { File:[] // 파일 객체 request:{ userId: 'geniee1220', mainCategory: 'DOG' ... } } Header의 Content-type 결정하기 주로 파일, 이미지, 오디오 등 멀티미디어 파일은 바이너리 데이터로 이루어져 있기 때문에, HTTP 에서 이미지나 파일을 올리고자 할 때는 new FormData() 객체를 생성한 다음 서버로 보내는 것이 일반적인 방법입니다. 이 때 HTTP 헤더의 C...

원문링크 : [Web] File과 JSON 동시에 서버로 전송하기(body 데이터에 각각 다른 Content-Type 적용하기)