Angular 5 이미지 Base64 문자열 변환(primeng fileupload 컴포넌트 사용)
Angular2018. 8. 24. 14:03
Angular 5 file upload using primeng fileupload component
uploadImage(event, fu: FileUpload) { // file.name, file.size, file.type, file.objectURL const file: File = event.files[0]; const reader: FileReader = new FileReader(); reader.onloadend = (e) => { this.image = reader.result as string; // Base64 문자열 이미지 데이터 저장 fu.clear(); // 다시 업로드 가능하게 초기화 }; if (file) { reader.readAsDataURL(file); // Base64 문자열 변환 } }
'Angular' 카테고리의 다른 글
[Angular] video.js(v7.21.6) 설정 (0) | 2024.06.17 |
---|---|
[Angular] 동적 파이프(Dynamic Pipe) (0) | 2023.03.02 |
[Angular] 테이블 tr 태그에 포커스 (0) | 2021.10.22 |
[Angular] 문자열 표시 파이프(V2) (0) | 2021.05.24 |
[Angular] 숫자형식 표시 파이프(v3) (0) | 2021.05.20 |