서버에 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();
로 확인이 가능하다
// 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