[解決済み] JavaScriptを使用してBlobを表示する

質問

私はデータベースからBlob画像を取得しており、JavaScriptを使用してその画像を表示できるようにしたいと思います。次のコードは、ページ上に壊れた画像アイコンを生成します。

var image = document.createElement('image');
    image.src = 'data:image/bmp;base64,'+Base64.encode(blob);
    document.body.appendChild(image);

jsFiddleはこちらです。 には、BLOBを含む必要なすべてのコードが含まれています。完成したコードでは、画像が適切に表示されるはずです。

どのように解決するのですか？

問題は、16進数のデータをbase64エンコードする前に2進数に変換する必要があったことです。

をPHPで実行します。

base64_encode(pack("H*", $subvalue))