我如何使用 JS 将 blob 对象显示为图像
How I display as image a blob object with JS
我的函数 returns 一个 blob 对象,当我在我的控制台中记录它时:
Blob(623853) {name: "profile.jpg", size: 623853, type: "image/jpeg"}
我想用 JavaScript 向用户显示此图像,我该怎么做?
您可以使用 URL.createObjectURL 生成一个 blob URL 并将其设置为图像源。
const blobUrl = URL.createObjectURL(blob) // blob is the Blob object
image.src = blobUrl // image is the image element from the DOM
我的函数 returns 一个 blob 对象,当我在我的控制台中记录它时:
Blob(623853) {name: "profile.jpg", size: 623853, type: "image/jpeg"}
我想用 JavaScript 向用户显示此图像,我该怎么做?
您可以使用 URL.createObjectURL 生成一个 blob URL 并将其设置为图像源。
const blobUrl = URL.createObjectURL(blob) // blob is the Blob object
image.src = blobUrl // image is the image element from the DOM