Hi,
I am trying to set up a simple wifi server using the supplied example, and to be fair, it all works fine, the text and formatting is rendered fine. That is, until I try to display images.
client.println("<img src='http://www.fountainpen.atwebpages.com/images/mont_blanc_pen.jpg' />");
client.println("<img src='www.fountainpen.atwebpages.com/images/mont_blanc_pen.jpg' />");
client.println("<img src='fountainpen.atwebpages.com/images/mont_blanc_pen.jpg' />");
These are the three ways I've tried, but I always end up with a broken link icon appearing on the browser. When I type the third of those directly into the browsers address line, the image does appear. What is stopping the images from being displayed?
Here is the entire sketch:
/*
WiFi Web Server
A simple web server that shows the value of the analog input pins.
This example is written for a network using WPA encryption. For
WEP or WPA, change the WiFi.begin() call accordingly.
Circuit:
* Analog inputs attached to pins A0 through A5 (optional)
created 13 July 2010
by dlf (Metodo2 srl)
modified 31 May 2012
by Tom Igoe
*/
#include "WiFiS3.h"
#include "arduino_secrets.h" #include <Wire.h>
#include "DHT.h"
#define DHTTYPE DHT22
uint8_t DHTPin = 6;
DHT dht(DHTPin, DHTTYPE);
float Temperature;
float Humidity;
float Temp_Centigrade;
///////please enter your sensitive data in the Secret tab/arduino_secrets.h
char ssid[] = "*********"; // your network SSID (name)
char pass[] = "******"; // your network password (use for WPA, or use as key for WEP)
int keyIndex = 0; // your network key index number (needed only for WEP)
int status = WL_IDLE_STATUS;
WiFiServer server(80);
void setup() {
pinMode(DHTPin, INPUT);
dht.begin();
//Initialize serial and wait for port to open:
Serial.begin(9600);
while (!Serial) {
; // wait for serial port to connect. Needed for native USB port only
}
// check for the WiFi module:
if (WiFi.status() == WL_NO_MODULE) {
Serial.println("Communication with WiFi module failed!");
// don't continue
while (true);
}
String fv = WiFi.firmwareVersion();
if (fv < WIFI_FIRMWARE_LATEST_VERSION) {
Serial.println("Please upgrade the firmware");
}
// attempt to connect to WiFi network:
while (status != WL_CONNECTED) {
Serial.print("Attempting to connect to SSID: ");
Serial.println(ssid);
// Connect to WPA/WPA2 network. Change this line if using open or WEP network:
status = WiFi.begin(ssid, pass);
// wait 10 seconds for connection:
delay(10000);
}
server.begin();
// you're connected now, so print out the status:
printWifiStatus();
}
void loop() {
Humidity = dht.readHumidity();
// Read temperature as Celsius (the default)
Temperature = dht.readTemperature();
// Read temperature as Fahrenheit (isFahrenheit = true)
Temp_Centigrade = dht.readTemperature(false);
// Check if any reads failed and exit early (to try again).
if (isnan(Humidity) || isnan(Temperature) || isnan(Temp_Centigrade)) {
Serial.println(F("Failed to read from DHT sensor!"));
return;
}
Serial.print("Current temp in degrees C is:");
Serial.println(Temp_Centigrade);
delay(500);
// listen for incoming clients
WiFiClient client = server.available();
if (client) {
Serial.println("new client");
// an HTTP request ends with a blank line
boolean currentLineIsBlank = true;
while (client.connected()) {
if (client.available()) {
char c = client.read();
Serial.write(c);
// if you've gotten to the end of the line (received a newline
// character) and the line is blank, the HTTP request has ended,
// so you can send a reply
if (c == '\n' && currentLineIsBlank) {
// send a standard HTTP response header
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println("Connection: close"); // the connection will be closed after completion of the response
client.println("Refresh: 5"); // refresh the page automatically every 5 sec
client.println();
client.println("<!DOCTYPE HTML>");
client.println("<html>");
// output the value of each analog input pin
client.println("<body>");
client.println("<h1 style='color:red';>Message for Clare </h1><br /><br />");
for (int analogChannel = 0; analogChannel < 6; analogChannel++) {
int sensorReading = analogRead(analogChannel);
client.print("analog input ");
client.print(analogChannel);
client.print(" is ");
client.print(sensorReading);
client.println("<br />");
}
client.println("<hr />");
client.println("Current temperature in Celsius is:");
client.println("<span style='color:green;font-size:20px;'>");
client.println(Temp_Centigrade);
client.println("</span><br /><br />");
client.println("<img src='http://www.fountainpen.atwebpages.com/images/mont_blanc_pen.jpg' />");
client.println("<img src='www.fountainpen.atwebpages.com/images/mont_blanc_pen.jpg' />");
client.println("<img src='fountainpen.atwebpages.com/images/mont_blanc_pen.jpg' />");
client.println("</body");
client.println("</html>");
break;
}
if (c == '\n') {
// you're starting a new line
currentLineIsBlank = true;
} else if (c != '\r') {
// you've gotten a character on the current line
currentLineIsBlank = false;
}
}
}
// give the web browser time to receive the data
delay(5000);
// close the connection:
client.stop();
Serial.println("client disconnected");
}
}
void printWifiStatus() {
// print the SSID of the network you're attached to:
Serial.print("SSID: ");
Serial.println(WiFi.SSID());
// print your board's IP address:
IPAddress ip = WiFi.localIP();
Serial.print("IP Address: ");
Serial.println(ip);
// print the received signal strength:
long rssi = WiFi.RSSI();
Serial.print("signal strength (RSSI):");
Serial.print(rssi);
Serial.println(" dBm");
}
regards,
Kevin