javascript - 将缓冲区对象转换为图像

Question

我如何将此缓冲区数据转换为图像，以便当循环结果并将其呈现在 img src 中时，它将呈现为用户可以看到的图像

我使用ejs来渲染它

     <span>
        <img class="user-with-avatar" src=<%=item.photo%> />
     </span>

当我console.log(result.data.photo)时，我得到了这个

{"type":"Buffer","data":[100,97,116,97,58,14,79,8,113,97,65,43,57,55,89,69,88,51,66,101,70,86,112,121,112,121,121,121,80,81,104]},
{"type":"Buffer","data":[100,97,116,97,58,14,79,8,113,97,65,43,57,55,89,69,88,51,66,101,70,86,112,121,112,121,121,121,80,81,104]},
{"type":"Buffer","data":[100,97,116,97,58,14,79,8,113,97,65,43,57,55,89,69,88,51,66,101,70,86,112,121,112,121,121,121,80,81,104]}

如何使用此代码安排修复它

    app.get('/products', function (req, res) {
            if (req.session.token && req.session.user_id) {
                let data = {
                    token: req.session.token,
                    id: req.session.user_id,
                }
                let url = `https:/url/product/get_products?id=${data.id}&token=${data.token}`
                functions.callAPIGet(
                    url,
                    function (error, result) {
                        res.render('products', {
                            result: result.data
                        })
                    }
                );
            } else {
                res.redirect('/login')
            }
        });

Answer 1

对缓冲区进行 Base64 编码:

let base64img = "data:image/jpeg;base64," + result.data.photo.toString('base64');

并在ejs中使用base64img