인디노트

Javascript Base64 Image 관련 본문

소스 팁/HTML, Java Script, jQuery, CSS

Javascript Base64 Image 관련

인디개발자 2021. 1. 22. 04:54
// 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]));
반응형
Comments