0

Estou recebendo imagens de um servidor e preciso exibir a imagem na página html.As imagens são recebidas via socket, então tenho apenas o conteúdo da imagem. A tag img exibe uma imagem quando há o src, neste caso seria necessário salvar a imagem no lado do cliente para depois exibir? Agradeço pela atenção.

5
  • 1
    Em qual formato a imagem é recebida, base64?
    – BrTkCa
    9/12/2016 às 12:12
  • Não tenho certeza de qual formato. Uso uma biblioteca para extrair a imagem de um vídeo mjpeg no servidor e enviá-la ao cliente. 9/12/2016 às 12:18
  • Se for base64, essa resposta pode te ajudar: pt.stackoverflow.com/a/169877/32827
    – BrTkCa
    9/12/2016 às 12:22
  • 1
    @LucasCosta obrigado pela ajuda. Para funcionar eu precisei fazer apenas isso: var b64Response = btoa(image); document.querySelector("#myImage").src ='data:image/jpeg;base64,'+b64Response; stackoverflow.com/questions/20784145/… 9/12/2016 às 18:03
  • Legal @BrunoClementino, responda sua pergunta :)
    – BrTkCa
    9/12/2016 às 18:08

1 Resposta 1

0

Encontrei a solução com base nestes links: https://pt.stackoverflow.com/a/169877/32827 sugerido por @LucasCosta e https://stackoverflow.com/questions/20784145/display-image-from-http-response-with-image-content-type

Precisei converter a imagem recebida var b64Response = btoa(image); e por fim atribuir a img.src dessa forma: document.querySelector("#myImage").src ='data:image/jpeg;base64,'+b64Response;

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .