How to load image from javascript using base64?

Question

How to load image from javascript using base64?

Navigation

#1 by (1 votes)

1

Good evening, I'm using this plugin: link

Here's JSFIDDLE: link

Follow the code:

HTML:

<button type="button" class="btn btn-primary">Abrir imagem</button>

JS:

$("button[class='btn btn-primary']").click(function(e) {
var imagem = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAM ... etc'
event.preventDefault();
  $(this).ekkoLightbox({
  //Como carregar imagem a partir daqui
  });
});

Is it possible to load image from javascript?

javascript html5 lightbox

asked by anonymous 20.02.2017 / 04:24

1 answer

How to collect and insert gradient properties from one div to another div height: vh; does not work as it should on Chrome mobile

score 1 · Accepted Answer

With jQuery, you can change the source of the image using attr or prop :

var imagem = 'data:image/jpeg;base64,/9j/...';
$("algum_seletor").attr('src', imagem);

With this you can apply some logic in ekkoLightbox .

JSFiddle: link