alex9ufo 聰明人求知心切: Display Images on ESP Web Servere

Display Images on ESP Web Server

源自於https://randomnerdtutorials.com/display-images-esp32-esp8266-web-server/

/*********

Rui Santos

Complete project details at https://RandomNerdTutorials.com

*********/

//#ifdef ESP32

#include <WiFi.h>

#include <ESPAsyncWebServer.h>

#include <SPIFFS.h>

//#else

// #include <Arduino.h>

// #include <ESP8266WiFi.h>

// #include <Hash.h>

// #include <ESPAsyncTCP.h>

// #include <ESPAsyncWebServer.h>

// #include "FS.h"

//#endif

// Replace with your network credentials

//const char* ssid = "REPLACE_WITH_YOUR_SSID";

//const char* password = "REPLACE_WITH_YOUR_PASSWORD";

const char* ssid = "PTS-2F";

const char* password = "PTS6662594";

// Create AsyncWebServer object on port 80

AsyncWebServer server(80);

const char index_html[] PROGMEM = R"rawliteral(

<!DOCTYPE HTML><html>

<head>

</head>

<body>

<h2>ESP Image Web Server</h2>

</body>

</html>)rawliteral";

void setup(){

// Serial port for debugging purposes

Serial.begin(115200);

// Connect to Wi-Fi

WiFi.begin(ssid, password);

while (WiFi.status() != WL_CONNECTED) {

delay(1000);

Serial.println("Connecting to WiFi..");

}

if(!SPIFFS.begin()){

Serial.println("An Error has occurred while mounting SPIFFS");

return;

}

// Print ESP32 Local IP Address

Serial.println(WiFi.localIP());

// Route for root / web page

server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){

request->send_P(200, "text/html", index_html);

});

server.on("/sun", HTTP_GET, [](AsyncWebServerRequest *request){

request->send(SPIFFS, "/sun.png", "image/png");

});

server.on("/sun-cloud", HTTP_GET, [](AsyncWebServerRequest *request){

request->send(SPIFFS, "/sun-cloud.png", "image/png");

});

server.on("/cloud", HTTP_GET, [](AsyncWebServerRequest *request){

request->send(SPIFFS, "/cloud.png", "image/png");

});

server.on("/rain", HTTP_GET, [](AsyncWebServerRequest *request){

request->send(SPIFFS, "/rain.png", "image/png");

});

server.on("/storm", HTTP_GET, [](AsyncWebServerRequest *request){

request->send(SPIFFS, "/storm.png", "image/png");

});

server.on("/snow", HTTP_GET, [](AsyncWebServerRequest *request){

request->send(SPIFFS, "/snow.png", "image/png");

});

// Start server

server.begin();

}

void loop(){

}

https://www.base64-image.de/

/*********

Rui Santos

Complete project details at https://RandomNerdTutorials.com

*********/

//#ifdef ESP32

#include <WiFi.h>

#include <ESPAsyncWebServer.h>

//#else

// #include <Arduino.h>

// #include <ESP8266WiFi.h>

// #include <Hash.h>

// #include <ESPAsyncTCP.h>

// #include <ESPAsyncWebServer.h>

//#endif

// Replace with your network credentials

//const char* ssid = "REPLACE_WITH_YOUR_SSID";

//const char* password = "REPLACE_WITH_YOUR_PASSWORD";

const char* ssid = "PTS-2F";

const char* password = "PTS6662594";

// Create AsyncWebServer object on port 80

AsyncWebServer server(80);

const char index_html[] PROGMEM = R"rawliteral(

<!DOCTYPE HTML><html>

<head>

</head>

<body>

<h2>ESP Image Web Server</h2>

</body>

</html>)rawliteral";

void setup(){

// Serial port for debugging purposes

Serial.begin(115200);

// Connect to Wi-Fi

WiFi.begin(ssid, password);

while (WiFi.status() != WL_CONNECTED) {

delay(1000);

Serial.println("Connecting to WiFi..");

}

// Print ESP32 Local IP Address

Serial.println(WiFi.localIP());

// Route for root / web page

server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){

request->send_P(200, "text/html", index_html);

});

// Start server

server.begin();

}

void loop(){

}

alex9ufo 聰明人求知心切

2021年12月5日星期日

Display Images on ESP Web Servere

Display Images on ESP Web Server

沒有留言:

張貼留言

2024_09 作業3 以Node-Red 為主

2021年12月5日 星期日

Display Images on ESP Web Servere

Display Images on ESP Web Server

沒有留言:

張貼留言

2024_09 作業3 以Node-Red 為主

2021年12月5日星期日