我如何使用 JS 將 blob 對象顯示為圖像

Question

當我在控制台中登錄時，我的函數返回一個 blob 對象：

Blob(623853) {name: "profile.jpg", size: 623853, type: "image/jpeg"}

我想用 JavaScript 向用戶顯示這個圖像，我該怎么做？

Answer 1

您可以使用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