Quiero mostrar la imagen de la tienda como blob en HTML usando barras de control
Así es como consulto la imagen en app.js
app.get('/',(request,response)=>{ db.query('select Image from pictures LIMIT 3', function(err, result) { let base64String = result.toString("base64"); //var image = '<img src="'+base64String+'" class="denr-logo">'; response.render('NPPNP',{images:base64String}); //response.send(base64String); }); Varios sitios se convirtieron a cadenas base64 y las combinaron con etiquetas y 'data:image;base64,xxx=='
En realidad, investigo varios métodos, ejemplos, pero no puedo entender cómo lo hacen.
Cuando consola.log el base64String , muestra [objeto Objeto] y cuando lo paso al HTML nada...
Usando manillares
{{#each images}} {{this.Image}} {{/each}}Este es el resultado antes de convertir a base64 .
[{"Image":{"type":"Buffer","data":[137,80,78,71,13,10,26,10,0,0,0,13............Primero necesitarás obtener los valores binarios usando `result[0].Image' como podemos ver en tu resultado
Segundo convertir binarios a base64 esto le dará como este iVBORw0KGgoAAAANSUhEU==
var base = Buffer.from(result[0].Image); var conversion = base.toString('base64'); var send = '<img src="data:image/png;base64,'+conversion+'" alt="something familiar"/>'; response.send(send);Podría solucionar su problema, lo hice por mi cuenta y funcionó