Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 고차함수
- 쌍방향 연결리스트
- invalid assignment left-hand side
- innerhtml
- Array.from()
- Sort
- 양방향 연결리스트
- 백준알고리즘
- 단방향 연결리스트
- 배열과 연결리스트의 차이
- indexOf
- Link
- 등차수열의 항 찾기
- 객체
- 가상 요소 선택자
- for..of
- CSS
- 일반 형제 선택자 결합
- filter()
- 범용 선택자
- display : none
- classList.contains(string)
- visibility : hidden
- 배열의 오름차순
- 배열의 내림차순
- Em
- disabled
- map()
- nth-child()
- 인접 형제 선택자 결합
Archives
- Today
- Total
프론트엔드 센트럴파크 (☞゚ヮ゚)☞
Formdata() 본문
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});
}
'Javascript' 카테고리의 다른 글
getElementById() / getElementsByClassName() / getElementsByTagName() (0) | 2022.03.12 |
---|---|
assigned a value but never used 오류 (0) | 2022.03.11 |
FileReader() (0) | 2022.01.11 |
@click 이벤트 숫자증가/감소 (0) | 2022.01.10 |
vscode의 javascript 위치 (0) | 2022.01.07 |
Comments