Lekce 7 - Odeslání obrázků na webový server na modulu ESP-32
V předchozí lekci, SPI Flash File System pro webový server na ESP-32, jsme se seznámili s SPI Flash File System pro webový server na modulu ESP32 a předvedli jsme si jej na příkladu.
V tomto tutoriálu Internetu věcí s ESP-32 si představíme, jak jednoduchým způsobem nahrát obrázky na webový server. Naučíme se je také zobrazit v prohlížeči. Opět použijeme nám již známé rozhraní SPIFFS.
Nahrání obrázků na webový server přes SPIFFS
Rozhraní Serial Peripheral Interface Flash File System (SPIFFS) už známe, proto si jej nyní jen trochu zrekapitulujeme. Toto rozhraní si lze představit jako přídavné úložiště na čipu ESP-32, na které můžeme ukládat soubory, obrázky atp. V tomto tutoriálu do něj nahrajeme několik obrázků, abychom si vyzkoušeli, jak se s ním v tomto případě pracuje.
Jelikož nyní nebudeme přes webový server nijak ovládat jakékoli hardwarové periferie, bude nám stačit samotný čip. Tím se nám velmi snížila obtížnost projektu, jelikož nemusíme řešit schéma zapojení. Pojďme si nyní nejprve vytvořit HTML dokument.
Struktura HTML dokumentu
Jelikož už máme nějaké zkušenosti s nahráváním souborů na webový
server, víme, že je důležité si před začátkem psaní hlavního programu
nejprve vytvořit HTML dokument. Ten bude obsahovat strukturu stránky
zobrazené na webovém klientovi a tento soubor budeme také odesílat
přes SPIFFS. V pracovní složce s kódem pro mikrokontroler si
vytvoříme novou složku s názvem data/ a v ní vytvoříme HTML
soubor index.html. Tento dokument bude vypadat takto:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tomto tutoriálu internetu věcí s ESP32 si představíme způsob nahrání obrázků na webový server přes rozhraní SPIFFS.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
