[JavaScript] 자바스크립트에서 Base64 형식 이미지 표시하기

187_자바스크립트에서 Base64 형식 이미지 표시하기 [적용] 프로그램으로 생성한 이미지 데이터를 표시하고 싶을 때 [내용] JPEG와 PNG 파일은 바이너리(Binary) 파일이므로 텍스트 에디터로 열 수 없지만, Base64를 사용하면 이미지를 문자열 상태로 관리할 수 있다. 자바스크립트는 Base64 문자열을 사용해 src 속성에 해당 문자열을 대입하여 이미지를 표시할 수 있다. Base64의 시작 문자열은 'data:image/jpeg;base64' 또는 'data:image/png;base64' 이다. HTML index.html JavaScript main.js const img = document.querySelector('#myImage'); img.src = 'data:image/jp..

2022.07.22