gpt4 book ai didi

javascript - 使用 JavaScript 显示 Blob

转载 作者:IT王子 更新时间:2023-10-29 03:04:01 27 4
gpt4 key购买 nike

我正在从数据库中检索 Blob 图像,我希望能够使用 JavaScript 查看该图像。以下代码在页面上生成损坏的图像图标:

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

Here is a jsFiddle包含所有需要的代码,包括 blob。完成的代码应正确显示图像。

最佳答案

您也可以直接从 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 中创建一个空的图像元素:

<img id="image"/>

关于javascript - 使用 JavaScript 显示 Blob,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7650587/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com