javascript blob 图片 代码示例

JavaScript中的Blob对象是用来表示二进制数据的容器，可以用于存储和操作各种类型的数据，包括图片。Blob对象可以通过URL.createObjectURL()方法创建一个URL，然后将该URL赋值给img标签的src属性，从而显示图片。

下面是一个使用Blob对象显示图片的示例代码：

// 创建一个Blob对象
var blob = new Blob(["Hello, world!"], { type: "text/plain" });
// 创建一个URL对象
var url = URL.createObjectURL(blob);
// 创建一个img标签
var img = document.createElement("img");
// 将URL赋值给img标签的src属性
img.src = url;
// 将img标签添加到页面中
document.body.appendChild(img);

在上面的代码中，首先创建了一个Blob对象，内容为"Hello, world!"，类型为"text/plain"。然后通过URL.createObjectURL()方法将Blob对象转换为一个URL。接着创建了一个img标签，并将URL赋值给img标签的src属性。最后将img标签添加到页面中，这样就可以显示出图片。

需要注意的是，当不再需要使用Blob对象时，应该及时释放资源，可以通过调用URL.revokeObjectURL()方法来释放之前创建的URL。

// 释放之前创建的URL
URL.revokeObjectURL(url);

以上就是使用JavaScript Blob对象显示图片的代码示例。