使用 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>这是一个 jsFiddle，其中包含所需的所有代码，包括 blob。完成的代码应该正确显示图像。</p>
您还可以直接从 XMLHttpRequest 获取 BLOB 对象。将responseType 设置为blob 就可以了。这是我的代码：
var xhr = new XMLHttpRequest(); xhr.open("GET", "http://localhost/image.jpg"); xhr.responseType = "blob"; xhr.onload = response; xhr.send();响应函数如下所示：
function response(e) { var urlCreator = window.URL || window.webkitURL; var imageUrl = urlCreator.createObjectURL(this.response); document.querySelector("#image").src = imageUrl; }我们只需在 HTML 中创建一个空图像元素即可：
问题是我有十六进制数据，需要在进行 Base64 编码之前转换为二进制。
在 PHP 中：
base64_encode(pack("H*", $subvalue))