Guardé una imagen en una base de datos postgresql y accedí a esa imagen desde la base de datos con Node.js y la mostré en el navegador con
res.send(`<img src="data:${mimeType};base64,${b64}" />`);pero ahora configuré una API REST en miniatura que solo sirve esa imagen, pero no sé dónde hacerlo, intenté enviar todos los datos codificados como (src = "data:image/png;base64,... ...)) y luego crear un elemento IMG y hacer el src de esa imagen con esos datos. Estoy en la oscuridad aquí, cualquier ayuda sería apreciada.
app.get('/', async(req,res) => { try { const query = await pool.query("SELECT * FROM picture"); console.log(query.rows) const buff = query.rows; const b64 = buff[0].image.toString('base64'); const src = "data:image/png;base64,"+b64; res.setHeader('Content-type', 'image/png'); res.send(src); } catch (e) { console.log(e.message) } })Después de discutir con muchos buenos muchachos de aquí, encontré el problema. No necesitaba convertir los datos de la imagen de la base de datos al formato base64, puedo servir directamente la imagen como su formato binario original, pero tengo que indicar este encabezado:
res.setHeader('Content-type:', 'image/jpg');y si necesito usar esa imagen en mi html, solo hago esto:
<img src="/path to api /" />Cambie el nombre de su ruta a /picture , y luego puede poner directamente la URL de su ruta en su etiqueta html img src como <img src='/picture'>
Reemplace aquí la cadena img con su cadena extraída de DB: eche un vistazo aquí para ver un ejemplo de trabajo
app.get("/picture", async (req, res) => { let img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAIAAADTED8xAAADMElEQVR4nOzVwQnAIBQFQYXff81RUkQCOyDj1YOPnbXWPmeTRef+/3O///2Anhf4QtqobAAAAAElFTkSuQmCC"; img = Buffer.from(img.split(",")[1], "base64"); res.writeHead(200, { "Content-Type": "image/png", "Content-Length": img.length }); res.end(img); });