<aside> 💡 무엇을 어떻게 질문할지 모르는 경우도 있을겁니다. 일단 현재상황의 일부 (코드조각, 스크린샷, 동영상촬영 등)라도 제시해보세요. 대화를 통해 무엇을 모르는지, 무엇이 문제인지 파악하고, 해결해 가도록 합시다.

답변과 재질문을 통해 문제를 정확히 해결할 수 있습니다 😃

다음 항목에 따라 질문해봅시다.

1. 무엇을 구현하고자 하는가 What's the purpose?
2. 무엇을 시도했는가 What did u try?
3. 무엇이 잘 작동하고, 무엇이 의도대로 작동하지않는가? What's working and what's not working!
4. error의 내용은 무엇인가 What error looks like? </aside>

<aside> 💡 이슈를 모두 작성하면 슬랙 알림을 위해 상태 속성을 이슈등록으로 꼭 변경해주세요.

</aside>

🏈 1. Goal ⚽

🏃‍♀️ 2. Try 🏃

😱 3. Now 😱

👻 4. Error 👻

🏁 Solution 🏁

Feat: Ajax 비동기 파일 업로드 #186 이슈

https://github.com/ssg-java3-240304/spring_workspace/tree/4af0732a40649c287d3317c47027259502efc3a4/KimDonghyun/04-spring-ajax/_04_file_upload ajax 파일 업로드

https://github.com/ssg-java3-240304/spring_workspace/blob/4af0732a40649c287d3317c47027259502efc3a4/KimDonghyun/04-spring-ajax/_04_file_upload/src/main/resources/templates/index.html

위 두 링크를 참조하세요.

Ajax에서는 FormData 객체를 사용하는 것입니다.

기본적으로 POST 요청에서는 본문영역에 사용자입력값을 QueryString으로 변환해 전달합니다만, (username=honggd&married=true&age=33 과 같은 형태로요)

파일을 전송하기 위해서는 반드시 본문영역을 여러개의 섹션으로 나누고, 사용자입력값과 파일 이진데이터를 함께 보내야 합니다.

Ajax통신에서 이를 가능케 하는것이 바로 FormData객체에요 🙂