调用第三方头像生成API返回的字节数组如何转base64图片存库

错误原因 #

你现有代码的核心问题是使用字符串类型拼接二进制Buffer数据：Node.js默认会将二进制Buffer自动转为UTF-8编码的字符串，这个过程会不可逆地损坏PNG图片的二进制内容，所以最终生成的base64无法被识别为有效图片。

正确实现代码 #

https.get(url, (response) => {
    // 用数组存储所有接收到的Buffer片段
    const bufferChunks = [];
    response.on('data', (data) => {
        logger.debug(JSON.stringify(data));
        // 直接推入Buffer片段，不要做字符串转换
        bufferChunks.push(data);
    });

    response.on('end', () => {
        // 合并所有片段为完整Buffer
        const fullBuffer = Buffer.concat(bufferChunks);
        // 转base64后拼接数据URI前缀
        const base64Img = `data:image/png;base64,${fullBuffer.toString('base64')}`;
        logger.debug(base64Img);
        res.status(200).json({src: base64Img});
    });

    response.on('error', (error) => {
        console.log(chalk.red.bgWhite('error' + error));
    });
})

注意事项 #

• 如果需要存入数据库，可直接存储不带前缀的纯base64字符串，返回前端时再拼接前缀，减少存储体积；也可以直接存储完整的data URI字符串，返回时直接赋值给img的src属性即可生效。
• 不要对单独的Buffer片段做toString操作，必须等所有片段接收完成合并为完整Buffer后再统一转base64。

内容的提问来源于stack exchange，提问作者Kukula Mula