admin管理员组

文章数量:815041

有关将图像的Buffer转换为图像并将其显示在html页面中的问题

我的js代码为

app.get("/", function(req, res) { 
        var sql="SELECT image FROM images WHERE img_id=2"; 
        connection.query(sql, function(err, result){
            if(result.length <= 0)
                message = "Profile not found!";
            console.log(result);
            res.render('image.ejs',{data:result});
   });
    });

而image.ejs代码为：

<html>
    <head>
         <title>Images</title>
    </head>
    <body>
        <%= data %>
    </body>
</html>

当我跑步时，我得到的响应就像[object Object]但是我需要显示我的图像。你们会帮助我吗？

回答如下：

ArrayBuffer/Buffer不能是img标签的值，您可以做的是base64编码图像并显示它

res.render('image.ejs',{ data: result[0].image.toString('base64') });

现在在HTML上

<html>
    <head>
         <title>Images</title>
    </head>
    <body>
        <img src='data:image/png;base64,<%= data %>' />
    </body>
</html>

如果图像具有不同的扩展名，则可以在缓冲区上使用：file-type包，并将图像类型添加到传递给res.render的数据中>

const imageBuffer = result[0].image;
const { mime } = await FileType.fromBuffer(imageBuffer)

res.render('image.ejs', { data: imageBuffer.toString('base64'), mime });


<img src='data:<%= mime %>;base64,<%= data %>' >

本文标签： 有关将图像的Buffer转换为图像并将其显示在html页面中的问题

版权声明：本文标题：有关将图像的Buffer转换为图像并将其显示在html页面中的问题 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1715198360a822357.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。