일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- WebAuthn
- fido
- apple
- MSYS2
- openssl
- SSL
- SwiftUI
- 애플
- 앨범북
- MYSQL
- MFA
- Android
- git
- 앱리소스
- Nodejs
- OSX
- FIDO2
- kmip
- Xcode
- 안드로이드
- css
- otpkey
- 인증
- OTP
- appres
- 2FA
- 앱스토어
- SWIFT
- albumbook
- SSH
Archives
- Today
- Total
인디노트
Javascript Base64 Image 관련 본문
// base64 인코딩
var base64EncodedStr = btoa(unescape(encodeURIComponent(res.data)));
// 인코딩된 것을 디코딩한 후 다시 인코딩 해보기
var b = atob(base64EncodedStr);
var base64EncodedStr = btoa(res.data);
console.log(base64EncodedStr);
// base64 이미지 넣기 (Angular)
this.image = this.sanitizer.bypassSecurityTrustResourceUrl("data:image/png;base64," + base64EncodedStr);
// 이런 방식으로도...
var reader = new FileReader;
reader.onload = (e) => {
console.log(e.target.result);
this.image = e.target.result;
};
reader.readAsDataURL(new Blob([res.data]));
반응형
'소스 팁 > HTML, Java Script, jQuery, CSS' 카테고리의 다른 글
HTML 레이아웃 잡을 때 박스 안쪽 테두리 실전 2가지 방법 (0) | 2021.04.02 |
---|---|
다국어 리소스 관리 솔루션 (0) | 2021.03.05 |
JSP 에서 JSTL 적용이 안될때 , 예를 들어 ${msg} 가 그냥 출력될 때. (0) | 2020.03.15 |
JavaScript ES6 to ES5 - 바벨 (babel) (0) | 2019.10.17 |
자바스크립트에서 strict mode를 사용해야 하는 이유 (0) | 2018.11.10 |
Comments