Chcę pokazać obraz sklepu jako BLOB w HTML za pomocą kierownicy

W ten sposób zapytał obraz w 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);
    });    

Kilka witryn konwertowanych na ciąg Base64 i łączyli go z tagiem i {x0}}

Właściwie badam kilka metod, przykładów, ale nie mogę zrozumieć, jak to robią.

Po konsolę nic...

Korzystanie z kierownictwa

  {{#each images}}
       {{this.Image}}
  {{/each}}

Jest to wynik przed konwersją do Base64 .

 [{"Image":{"type":"Buffer","data":[137,80,78,71,13,10,26,10,0,0,0,13............
2
newb 20 lipiec 2020, 11:11

1 odpowiedź

Najlepsza odpowiedź

Najpierw musisz uzyskać wartości binariów za pomocą "wynik [0]. 1, jak widzimy w swoim wyniku

Drugi konwertator binaria do Base64 to daje ci to 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);

Może rozwiązać problem, zrobiłem to na własną rękę i działało

1
Cyrille Con Morales 21 lipiec 2020, 07:59