Tenemos este código que canaliza una imagen almacenada en MongoDB usando GridFS

 exports.getOneVerificationImageByFilename = async (req, res, next) => { const image = await gfs.files.findOne({ filename: req.params.image }); try { const readStream = gfs.createReadStream(image.filename); readStream.on("error", function (err) { res.send("No image found with that title"); }); res.contentType("image/png"); readStream.pipe(res); } catch (err) { res.status(500).json({ error: err.message }); } };

Estoy usando react y necesito mostrar esto en una <img/> . Así es como llamé a este punto final

 const getImage = async filename => { try { const response = await axios.get(`/image/${filename}`); return response; } catch (error) { throw new Error(error) } }

Dado que el punto final no devuelve ningún res , la response está vacía. Luego leí que se están transmitiendo fragmentos de los datos. Encontré a alguien usando este tipo de sintaxis:

 <img src="<%= url %>" />

Sin embargo no lo entiendo. Necesito mostrar los fragmentos transmitidos en una etiqueta img