如何将 FetchAPI 解析的 Blob 结果转换为 Base64

Question

有这个module.exports从 API 端点获取图像的文件。然后将 API 结果解析为 blob。解析后的 Blob 对象如下所示：

Blob {
  [Symbol(type)]: 'image/jpeg',
  [Symbol(buffer)]:
   <Buffer ff d8 ff db 00 43 00 08 06 06 07 06 05 08 07 07 07 09 09 08 0a 0c 14
0d 0c 0b 0b 0c 19 12 13 0f 14 1d 1a 1f 1e 1d 1a 1c 1c 20 24 2e 27 20 22 2c 23 1c
 ... > }

这是代码：

// Pre Configuration
const fetch = require('node-fetch')

module.exports = async (req, res, photoKey) => {
    let photoUrl = null
    const apiURL = "https://media.heartenly.com/stg/CACHE/sc_thumb"
    const requestURL = `${apiURL}/${photoKey}`
    const response = await fetch(requestURL)
    const data = await response.blob()
    console.log(data)
}      

现在我想做的是返回返回的blob的base64 URL格式，有什么想法吗？

Answer 1

查看 node-fetch，它看起来不可能获得 Blob 缓冲区，因此，最好的办法是执行以下操作

1. 使用 response.buffer 而不是 response.blob
2. 使用 toString('base64') 获取 base64 中的数据

换句话说：

const fetch = require('node-fetch');

module.exports = async (req, res, photoKey) => {
    let photoUrl = null;
    const apiURL = "https://media.heartenly.com/stg/CACHE/sc_thumb";
    const requestURL = `${apiURL}/${photoKey}`;
    const response = await fetch(requestURL);
    const data = await response.buffer()
    const b64 = data.toString('base64');
    console.log(b64);
};