formData 사용하기

var formData = new FormData();
단일 객체로 생성하여 formData안에 데이터를 담아서 전송할 수도 있고

동적으로 추가되는 데이터들의 경우
var formData = [];
빈배열 선언해놓고

formData[0] = new FormData();
formData[1] = new FormData();
...

이런식으로 FormData객체를 필요시마다 배열에 추가하여 전송할 수도 있다.

데이터를 담을때는
formData[0].append("test","123");
이렇게 key,value 형태로 담을 수 있으며

수정하고 싶을 때는 
formData[0].set("test","456");

값은 조회하고 싶을 때는
console.log(formData[0].get("test"));

append된 데이터를 삭제하고 싶을 때는
formData[0].delete("test"+fileSn);

$("input[name='uploadFile']")[0].files[0]과 같은 파일이나
$("input[name='uploadFile']")[0].files[0].name과 같이 파일명을 조회하여 넣을 수도 있다.

파일전송후
controller.java에서 받을 경우에는

MultipartHttpServletRequest request로 받아서
String[] tests = request.getParameterValues("test");
이렇게 배열로 받아서 사용할 수 있고

파일을 전송하였을 경우
Map<String, MultipartFile> files = request.getFileMap();
이렇게 Map형태로 받아서 사용할 수 있다.