在客户端使用路径图像从数据库获取图像

Question

我用multer下载了图片，并将图片的路径保存到数据库中，那么如何从客户端获取图片并显示在屏幕上呢？

import multer from 'multer';

const storageConfig = multer.diskStorage({
    destination: (req, file, cb) => {
         cb(null, './images')
    },

    filename: (req, file, cb) => {
          cb(null, Date.now() + '-' +  file.originalname)
    }
})

const upload = multer({storage: storageConfig});

 let path = '';

app.post('/upload',upload.single('image'), (req, res) => {
    res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');
    if(req.file) {
        console.log(req.file);
        path = req.file.path;
        res.send('hi')
        return;
    }
    res.send('bye')
})

收到文件路径后我将其保存到数据库中，但我不知道以后如何使用它来在屏幕上显示这张图片

Answer 1

根据您的代码提及，您可以在反应中显示图像，如下所示。

<img src={`${backend_url}/${path_you_get_from_database}`} />

在您的情况下 backend_url 是 http://localhost:3000