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] 동적 파이프(Dynamic Pipe) (0) | 2023.03.02 |
|---|---|
| [Angular] 테이블 tr 태그에 포커스 (0) | 2021.10.22 |
| [Angular] 문자열 표시 파이프(V2) (0) | 2021.05.24 |
| [Angular] 숫자형식 표시 파이프(v3) (0) | 2021.05.20 |
CSS 이미지 위에 텍스트 표시
기타2018. 8. 20. 15:18
.image { position:relative;text-align:center;color:#FFFFFF; }
.image div { position: absolute;top:50%;left:50%;transform: translate(-50%, -50%); background-color:#FFFFFF;text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; }
![]()
이미지 위에 표시할 텍스트
'기타' 카테고리의 다른 글
| 티스토리 SyntaxHighlighter 3.0.8.3 사용법 (0) | 2018.10.25 |
|---|---|
| 택배 조회 URL (0) | 2018.09.18 |
| [마이플랫폼] Base64 문자열을 이미지 컴포넌트에 표시하기 (0) | 2018.04.26 |
| Web API CORS 관련 문제 해결(개발 시) (0) | 2017.12.22 |
| [UbiReport] 그룹별 제목과 다단 보고서 (0) | 2016.05.11 |
