Ajax를 이용한 파일 처리-2.

Ajax를 이용한 파일 처리-1. 포스트에 이어 진행하겠습니다.

fileDrop 클래스의 "drop" 이벤트 처리를 해줍니다.

POST 방식으로 서버에 보내기 위해 FormData 객체를 만들어 파일을 담아줍니다.

주의할 점이 있습니다.

1. processData:false

: 기본값은 true로, 데이터를 "application/x-www-form-urlenceded" 타입으로 전송합니다.

-> 다른 형식으로 전송하기 위해 false로 지정합니다.

2. contentType:false

: 기본값은 "application/x-www-form-urlenceded"

-> 파일의 경우 "multipart/form-data"방식으로 전송하기 위해 false로 지정합니다.

[참고: 코드로 배우는 스프링 웹 프로젝트]