프론트엔드 센트럴파크 (☞゚ヮ゚)☞

Formdata() 본문

Javascript

Formdata()

자라나라나무나무나 2022. 1. 11. 03:19

formdata 

: form 데이터를 key와 value 값으로 저장 할 수 있는 데이터 구조

axios, fetch를 사용하여 파일을 업로드 해야하는 경우

 

const formData = new FormData();

formData.append(key,value);

새로운 객체를 만들고 append를 사용하여 key 와 value 값을 넣어줘야 한다.

 

import axios from 'axios';

혹은

axios.post('url', formdata)

 

예시

async handleAdmin(){
  console.log(this.token);
  const headers = { "Content-Type" : "multipart/form-data", "token" : this.token };
  const url = `REST/api/admin/brand_insert`;
  const formData = new FormData();
  formData.append("brandname", this.brandname);
  formData.append("file", this.file);
  // console.log(this.uploadImageFile);

  const response = await axios.post(url, formData, {headers});
}
Comments