JavaScript を使用して BLOB を表示する
P粉860370921
2023-08-23 20:45:06
<p>データベースから Blob 画像を取得していますが、JavaScript を使用して画像を表示できるようにしたいと考えています。次のコードは、ページ上に壊れた画像アイコンを生成します。 </p>
<pre class="brush:php;toolbar:false;">var image = document.createElement('image');
image.src = 'data:image/bmp;base64,' Base64.encode(blob);
document.body.appendChild(image);</pre>
<p>これは、BLOB を含む必要なすべてのコードを含む jsFiddle です。完成したコードでは画像が正しく表示されるはずです。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
XMLHttpRequest から直接 BLOB オブジェクトを取得することもできます。 responseType を blob に設定するだけです。これは私のコードです:
リーリー応答関数は次のとおりです:
リーリーHTML で空の画像要素を作成するだけです:
リーリー問題は、Base64 エンコードの前にバイナリに変換する必要がある 16 進データがあることです。
PHP の場合:
リーリー