arduino, eletrônica, robotica...

Arduino + ESP8266 + Servidor + html

Boa tarde! Sou estreante com o ESP8266 e fiz um servidor com ele e o arduino Nano utilizando como base uma postagem no blog filipeflop ( http://blog.filipeflop.com/wireless/esp8266-arduino-tutorial.html#c... ) deu td certo na programação mas estou tendo dificuldade com o html. Tenho que subir uma imagem e não consigo. Segue a parte do código que estou tentando fazer para upar essa imagem em html:

webpage += "<div align=center><img src = http://i.imgur.com/lzwO4bY.png?1>; </div> ";

Alguém sabe porque não está dando certo?

Curtir

0 membros curtem isto

Exibições: 702

▶ Responder esta

Respostas a este tópico

Permalink Responder até imhugo em 22 abril 2016 at 16:34

Tente fazer assim:

webpage += "<div align='center'><img src='http://i.imgur.com/lzwO4bY.png?1'/></div>";

▶ Responder

Permalink Responder até Flávia de Andrade em 22 abril 2016 at 17:44

A página fica carregando até dar erro =/.

▶ Responder

Permalink Responder até imhugo em 22 abril 2016 at 18:28

o que acontece se vc retirar essa linha aí que insere a imagem? sem ela carrega normal?

▶ Responder

Permalink Responder até Flávia de Andrade em 23 abril 2016 at 11:47

Consegui subir a imagem! Com o seu código mesmo! Agora eu preciso formatar. Tenho duas imagens. a 1ª preciso que fique do lado direito. A 2ª preciso que fique no canto superior esquerdo. O texto, que são medições de consumo elétrico, preciso que fique no canto inferior esquerdo abaixo da imagem. Segue como está meu código:

String webpage = "<head><meta http-equiv=""refresh"" content=""3"">";
      webpage += " <body style=""background:#FFFFFF"">";
      webpage += "<h2> Corrente:";
      float a = valorCorrente;
      webpage += valorCorrente;
      webpage += " A";
      webpage += "<h2>Potencia: ";
      float b = valorCorrente * tensao;
      webpage += b;
      webpage += " W";
      webpage += "<h2>Consumo: ";
      float c = consumo;
      dtostrf(c,7,5,co);
      webpage += co ;
      webpage += " kWh";
      r = consumo * 0.76683;
      webpage += "<h2>R$ ";
      dtostrf(r,7,5,re);
      webpage += re;
      webpage += "<div align='right'><img src='http://i.imgur.com/lzwO4bY.png?1'/></div>";
      webpage += "<div align='left'><div align='top'><img src = 'http://i.imgur.com/wN5nden.png'/></div>";