JavaScript를 사용하여 Blob 표시

Question

데이터베이스에서 Blob 이미지를 검색하고 있는데 JavaScript를 사용하여 이미지를 볼 수 있기를 원합니다. 다음 코드는 페이지에 깨진 이미지 아이콘을 생성합니다.

var image = document.createElement('image');
    image.src = '데이터:이미지/bmp;base64,'+Base64.encode(blob);
    document.body.appendChild(image);

여기에는 blob을 포함하여 필요한 모든 코드가 포함된 jsFiddle이 있습니다. 완성된 코드는 이미지를 올바르게 표시해야 합니다.

Answer 1

XMLHttpRequest에서 직접 BLOB 개체를 가져올 수도 있습니다. responseType을 blob으로 설정하면 됩니다. 내 코드는 다음과 같습니다.

으아악

응답 기능은 다음과 같습니다:

으아악

HTML에서 빈 이미지 요소를 생성합니다:

으아악

Answer 2

문제는 Base64 인코딩 전에 바이너리로 변환해야 하는 16진수 데이터가 있다는 것입니다.

PHP에서:

으아아아