Tengo imágenes almacenadas en el servidor y estas imágenes están almacenadas por la ruta en la base de datos y tengo que mostrar estas imágenes, ¿cómo puedo hacer eso?
{ "_id": "61bb82935739a52a55316dc3", "name": "Egg", "type": "protein", "image": "fooduploads\\Egg.png", "__v": 0 }así es como las imágenes se almacenan en la base de datos, pero ¿cómo puedo mostrarlas mientras tengo que usar estas imágenes en la interfaz? ¿Debo hacer una nueva ruta o tengo que hacer otra cosa?
También puede hacer una ruta que tome la identificación de img, busque la información en la base de datos, lea el archivo del sistema de archivos y devuelva la imagen.
Aquí hay un código suedo para explicar
app.get('/img/:id', (req, res, next) => { // Code to talk to the database and get the json // getImageInfoFromDatabase(req.params.id) const dbResponse = { "_id": "61bb82935739a52a55316dc3", "name": "Egg", "type": "protein", "image": "fooduploads\\Egg.png", "__v": 0 } const file = fs.readFileSync(path.join(__dirname, dbResponse.image) res.sendFile(file) }) Luego puede hacer en su front-end: <img src='/img/61bb82935739a52a55316dc3 />