Mostrar set de imagenes - Content type: image

[pcarvajal]

Desde una bbdd sqlite3 estoy leyendo un conjunto de tiles que conforman una imagen completa.

El ciclo de lectura lo hago bien, el problema es como desplegar todas las imagenes que conforman la imagen completa ya que con el codigo que estoy utilzando solo logro mostrar una.

Alguien tiene idea de como resolverlo?

Código Javascript:

var sql = "SELECT images.tile_data FROM images, map WHERE images.tile_id = map.tile_id AND map.zoom_level = 14 AND map.tile_column = 14125";
 
    db.each(sql, function(err, row) {
            console.log(row.tile_data);
            res.writeHead(200, {'Content-Type': 'image/jpg' });
            res.end(row.tile_data, 'binary');       
 
    });
 

[TMeister]

Asi rapido y sin probar

Código Javascript:

var sql = "SELECT images.tile_data FROM images, map WHERE images.tile_id = map.tile_id AND map.zoom_level = 14 AND map.tile_column = 14125";
var output;
res.writeHead(200, {'Content-Type': 'image/jpg' });
db.each(sql, function(err, row) {
        console.log(row.tile_data);
        output += row.tile_data;
});
res.end(output, 'binary');
 

[pcarvajal]

uf! gracias por contestar!

es buena idea, la implemente pero me tira errores... me dice que "la imagen no puede ser mostrada porque contiene errores", asi que cambie el res.end por un res.write

Código Javascript:

res.writeHead(200, {'content-type':'image/png'});
    var sqlite3 = require('sqlite3').verbose();
    var db = new sqlite3.Database('./routes/shimabara.mbtiles');
    var sql = "SELECT images.tile_data FROM images, map WHERE images.tile_id = map.tile_id AND map.zoom_level = 14 AND map.tile_column = 14125";    
    db.each(sql, function(err, row) {
            console.log(row.tile_data);
            output += row.tile_data;
            //res.write('<img src="'+row.tile_data+'">&nbsp;', 'binary');
    }); 
    db.close(); 
    res.write(output, 'binary');
 

pero me arroja este error por consola

Código Javascript:

Express server listening on port 3000
TypeError: first argument must be a string or Buffer
 

se me ocurre (como alternativa), mostrar las imagenes en contenido html de la siguiente manera:

Código Javascript:

res.writeHead(200, {'content-type':'text/html'});
 
    var sqlite3 = require('sqlite3').verbose();
    var db = new sqlite3.Database('./routes/shimabara.mbtiles');
    var sql = "SELECT images.tile_data FROM images, map WHERE images.tile_id = map.tile_id AND map.zoom_level = 14 AND map.tile_column = 14125";    
    db.each(sql, function(err, row) {
            console.log(row.tile_data);
            res.write('<img src="'+row.tile_data+'">&nbsp;', 'binary');
    }); 
    db.close();
 

pero al ejecutarlo, en vez de mostrarme la imagen en el navegador, me muestra un monton de caracteres ascii... (igual que cuando abres una imagen con un editor de texto)

Código Javascript:

(ýBýýý=ýXý*ýýý8qý8ý>ýýN;ýñýs(ý%ý¡ýýýý7_ýý)ýs1OýýýýýýýfkýlRJýý/Qý1qýýýýý3|ý0ý'ýýýý^æG+rýýýNýýý_ýýýzýoýý_$ýMýýýýi5ýýýý<|dýýý~ýýýýýýAýýýmý?ý`ýýsýyýsOý%_ýý4ý:ýýýpxý;ý9ýsxýPZýýýýýý$BH|6_B ýý8/pý#ýýýý_ýýýýýýýý{†ýýBýýýýýýýýp(ýýýýýIýý>W!DýngLýýý\ýuýýýýý(ýýýý#p|ýýý<ýýýýýý-ý(GOOýzý|ýýý{Äýhýýýýýýq#fýý]zý]ýýýý!ýRýý¶ýýujýýZýý ýýýý#ýý ý›\ýý"Âý'ýýý;oýP[ýkg@ýý.ý"|ýýzýý'ý?ý_zAýbikýýýýýOý\@ýýýýwýý8rýÔýýp)ýo13s/$ýVý.ýý:ýýýpný$ýý
Ykýýýbý$ýýRýý%ýýãýýýý/2ýýýýý4ý12<ý.""oý3\ý`ýýy`výý$Oýrbhýýý#_ýýýýý'ýýýý EýHý5GýýýDýXýRý!ýcýýxÆýý[ý7ýýv947ý!EýwýýxýKý!R 8xtýýý<ý ýýýýýý 6 ýýýýýBý"ýýý=xIv} wYýý7ý\_`ý6h+ýý`ýýýýÓý'XýrýRNqýýNývýý}P_e!ý ýýýýýýýs;}ý*kZýýýý<ýýýý$ýË[ýýýý]6ývVWýýý8mýýFaýýýýýuývýýýFýýCý1&#8216;zýTýýýýý^ýýýiý'ýýC^jvýMý>ýhýýýmý(qmý&DýýIP^ýýýýUýADýb"8ý7ýýýýýý?ýý'/ýYýrýý5ýýýR(ýx<ý[ýýJEvvvýýd/*t=ýyc}ýýIýý-ýý<|ýýýý=ýýýýý?xSHýý7.ozýýýý)ýýmý|ýýýzýý"Wýýý|fý1ýýzýýý ý[ýýýMNýýý' àýýýýoýýýzk/ýM9_ýck[ýUýýýXýýýP8ýýý#gýý: ýG A.ýhýtýý.ýýCSýýý186ýýsý;ý^ý&ýýýý
Qý/ý#Gfýýýýý-‡ý^ýpD0nk9ýýýý-ýse*ýýýýýýýCEýBýýý=ý{ýýý!ýCýýýýý "ý *ýýý{ýý ýý
 ýýýýýýý)ýRýnýýwýýWýýýKH)ýýrýGRxRýýýýý|gý5ýlue)ý
 

[pcarvajal]

como no va a haber nadie que me pueda hechar una manito....

[Carlangueitor]

¿Y por que guardas las imágenes de esa manera? ¿Por que no guardas las rutas?

De cualquier manera la forma que te puso TMesiter debería funcionar, solo que te falta definir output antes, y no he usado la librería de sqlite, pero sospecho que es asincrono y debes hacer el res.write dentro del callback.

Saludos:adio:

[pcarvajal]

no es que YO quiera guardar las imagenes en la db de esa manera... es que es algo que esta hecho asi y no hay mucho que hacer...

la manera que TMesiter me indico me arroja un error por consola... de hecho lo explique en el posteo de arriba..

saludos

[Carlangueitor]

Y de hecho te comenté la solución.

[pcarvajal]

mmm, aun asi me arroja el error por consola..

[Carlangueitor]

Código muchacho! No podemos adivinar que haces.

[pcarvajal]

pero si es el mismo codigo de arriba pues!

este codigo me arroja el error por consola:

Código Javascript:

var sqlite3 = require('sqlite3').verbose();
    var db = new sqlite3.Database('./routes/shimabara.mbtiles');
    var sql = "SELECT images.tile_data FROM images, map WHERE images.tile_id = map.tile_id AND map.zoom_level = 14 AND map.tile_column = 14125";   
var output;
 
res.writeHead(200, {'content-type':'image/png'});
    db.each(sql, function(err, row) {
            console.log(row.tile_data);
            output += row.tile_data;
    }); 
    db.close(); 
    res.write(output, 'binary');
 

y este otro codigo (que es la alternativa al de arriba) me arroja el ascii por el browser:

Código Javascript:

res.writeHead(200, {'content-type':'text/html'});
    var sqlite3 = require('sqlite3').verbose();
    var db = new sqlite3.Database('./routes/shimabara.mbtiles');
    var sql = "SELECT images.tile_data FROM images, map WHERE images.tile_id = map.tile_id AND map.zoom_level = 14 AND map.tile_column = 14125";    
    db.each(sql, function(err, row) {
            res.write('<img src="data:image/png;base64,'+row.tile_data+'">&nbsp;');
    }); 
    db.close();