Angular FormData를 활용한 파일 입력 받기
a few seconds read (About 106 words)
html 상에서 input (type=file) 만들기
1
| <input type="file" (change)="onChange($event)"></input>
|
onChange로 file 추출 및 저장하기
1
2
3
| onChange(event){
let file = event.srcElement.files[0];
}
|
formData에 key, value 매핑하기
1
2
3
4
5
6
7
8
9
10
11
12
|
console.log(file);
폼데이터를 선언한다.
let formData:FormData = new FormData();
formData에 key와 value를 메겨준다.
formData.append('fileName',this.fileName+'.'+file.name.split('.')[1]);
여기서 file.name.split('.')[1]는 확장자를 찾아주는 것이다.
formData.append('imageFile', file, file.name);
|
참조자료
Comments