小编Jos*_*Fdo的帖子

将缓冲区数组转换为图像

我在 Express 服务器上有以下代码,用于读取图像并通过 api 将其发送到客户端

router.get("/file",async (req,res)=>{
    const objImg = {img:null}
    const result = await SELECT("...");
    if(result.length>0){        
        var bitMap= fs.readFileSync(`./src/logosClient/${result.nombImg}`)        
        objImg.img=new Buffer.from(bitMap,"base64")
    }
    res.json(objImg)
})
Run Code Online (Sandbox Code Playgroud)

api数据到达如下

数据:{类型:“缓冲区”,数据:[137, 80, 78, 71, 13, 10, 26, 10, 0, 0, 0, 13, 73, 72, 68, 82, 0, 0, 0, 192, 0, 0, 0, 46, 8, 6......]}

在我的 ReactJs 客户端中,我有以下代码来接收它

    import React, {useEffect, useState} from 'react';
    import muestra from '../../../../resources/images/muestra.png'
    
    const Index = () => {
    const [previewImg, setPreviewImg] = useState(null) 
    
    useEffect(()=>{        
        RunApi("/generales/file","GET",null,null).then(result=>{
            if(result.img){
                setPreviewImg("data:image/png;base64," …
Run Code Online (Sandbox Code Playgroud)

javascript buffer node.js reactjs

2
推荐指数
1
解决办法
8100
查看次数

标签 统计

buffer ×1

javascript ×1

node.js ×1

reactjs ×1