Imagem base64 no html

18/02/2020

� poss�vel inserir uma url da minha pi no html abaixo pra que o html converta o base64 em imagem no navegador?
<html>
<head><meta charset='UTF-8'>
</head>
<body>
<p> <img style='display:block; width:1024px;height:1024px;' id='base64image';
src = "data:image/jpeg;base64,???????????"/>
</p>
</body></html>

Kobomo

Curtir t�pico + 0

Responder

Post mais votado

14/03/2020

Kobomo, o HTML n�o vai converter sua imagem. Por que ele � apenas uma linguagem de marca��o, ele n�o tem esse poder. Voc� precisa baixar sua imagem e transformar ela pelo Javascript, pra ent�o

let base64String = ""
var reader = new FileReader();
  reader.onloadend = function() {
    console.log('RESULT', reader.result)
   base64String = reader.result
  }
  reader.readAsDataURL(file)

Voc� vai ver seu base64 no console

Seu trabalho da� pra frente � simples, com a string na m�o:

  const imageNode = document.querySelector("#base64image")

  imageNode.src = base64String

Stella Oliveira

Responder

Gostei + 1

Mais Posts

18/02/2020

Kobomo

� poss�vel inserir uma url da minha api no html abaixo pra que o html converta o base64 em imagem no navegador?
<html>
<head><meta charset=''UTF-8''>
</head>
<body>
<p> <img style=''display:block; width:1024px;height:1024px;'' id=''base64image'';
src = "data:image/jpeg;base64,???????????"/>
</p>
</body></html>

Responder

Gostei + 0