react formData

BackEnd_Ash.log·2020년 6월 3일
2

react

목록 보기
7/41

서버에 post 를 보내게 될때 ,
text 가 아니라 file 를 업로드하는 경우가 있을수도 있다.
그때 formData 를 사용하면 된다.


  handlePost(){
    const formData = new FormData();
    formData.append('file', this.state.selectedFile);

    return axios.post("/api/upload", formData).then(res => {
      alert('성공')
    }).catch(err => {
      alert('실패')
    })
  }

<button type="button" onClick={this.handlePost()}/>

이런식으로 업로드를 하면 되며
확인은 console.log(); 로 하게 될때 빈값이 출력이된다.

formData.entries();

formData.entries(); 로 확인이 가능하다

// Create a test FormData object
var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// Display the key/value pairs
for(var pair of formData.entries()) {
   console.log(pair[0]+ ', '+ pair[1]); 
}
// key1, value1
// key2, value2
profile
꾸준함이란 ... ?

0개의 댓글