如何顯示來自 MySQL 的圖像？

Question

我正在嘗試顯示從服務器獲取的頭像，該服務器從 MySql db 獲取頭像。 我從服務器接收圖像作為 arrayBuffer 保存在 state 中。

和服務器端：

Answer 1

可以用base64編碼查看；

function toBase64(arr) {
   return btoa(arr.reduce((data, byte) => data + String.fromCharCode(byte), ''));
}

如何使用？

<img src={`data:image/png;base64,${toBase64(response.data.avatar)}`} />

Answer 2

看看這個答案。 這將幫助您將二進制數據轉換為實際圖像。