1
let formData = new FormData();

서버와의 통신중 FormData를 사용하여 보내야 되는 경우

생성자함수를 사용하여 생성된 객체를 만들어 사용한다.

vue에서의 활용

1
2
3
4
5
6
7
8
9
10
11
<!-- html 파일 -->
<html>
  <head></head>
  <body>
  	<form enctype="multipart/form-data" 
          method="POST" 
          @submit.prevent="doLogin" 
          ref="loginForm">
    </form>
  </body>
</html>

1) form태그에 ref라는 속성을 달아 해당 이름을 정해준다.

1
2
3
// vue 파일
let form = this.$refs.loginForm;
let formData = new FormData(form);

2) this.$refs.이름 으로 form element를 FormData에 넣어준다.

ref

vue에서는 ref라는 속성을 제공하여 dom객체 핸들링을 할 수 있게 해준다.

append()

1
2
let formData = new FormData();
formData.appand('id','me1234');

append를 사용하여 정보를 추가할 수 있다.