Host image with arduino (not embedded with html page)

Projects Networking, Protocols, and Devices
1

Hi,

I'm trying to host a favicon or any other image with my arduino. My webserver runs on my arduino, so i can host any html page, but i don't know how to host images.

I've tried something like this, but the image won't appear in the browser.
In what format should i transmit the image? I think Base64 isn't giving my a solution here?

 else if(Headerstring.indexOf("GET /sunglass.png") >=0) {
          Serial.println("Sending Sunglass JPG");
          client.println("HTTP/1.1 200 OK");
          client.println("Content-Type: image/png");
          client.println();
          //PNG here!
                    client.println("<img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==\" alt=\"Red dot\">");
          //PNG Ends here
            }

Greetings,
Nico

2

I think you need to get the IMG tags out of your file contents. Try something like this:

          client.println("HTTP/1.1 200 OK");
          client.println("Content-Type: image/png");
          client.println("Content-Encoding: base64");
          client.println();
          client.println(
         //PNG starts here!
"iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAAC"
"NbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DH"
"xgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==\"
         //PNG Ends here
           );