JavaScript/jQuery에서 Base64를 이미지로 변환하는 방법

카메라에서 캡처한 base64 데이터를 변환해야 하는 작업이 발생했습니다. 이미지에 피드를 넣습니다. JavaScript/jQuery에서 이 작업을 수행할 수 있는 방법은 다음과 같습니다.

base64 데이터를 이미지로 변환하려면:

var image = new Image();
image.src = 'data:image/png;base64,'   item_image;

위의 코드는 Image 객체를 생성하고 해당 소스(src)를 'data:image/를 포함하여 가지고 있는 base64 데이터로 설정합니다. png;base64,' 부분.

이미지가 로드되면 DOM에 추가할 수 있습니다. 사용:

document.body.appendChild(image);

이렇게 하면 HTML 문서에 이미지가 표시됩니다.

일부 브라우저에서는 데이터 URI를 지원하지 않습니다. 자세한 내용은 [호환성 표](표 링크)를 확인하세요.