我在檔案系統中有一個圖片檔案,我想要使用資料 URI 格式將它放入 HTML 頁面中,以便將其嵌入到頁面本身中。
以下是我這樣做的方法:
const imageData = fs.readFileSync(fileLocation, 'binary')
const src = `data:${contentType};base64,${Buffer.from(
imageData,
'binary'
).toString('base64')}`
在我的情況下,我只是從網路上下載圖片,所以我從回應標頭中取得了 contentType
:
const contentType = response.headers['content-type']
最後,我可以在 img 標籤中使用 src
,像這樣:<img src={src} />