esp32-asyncwebserver-fileupload-example
esp32-asyncwebserver-fileupload-example copied to clipboard
Examples of how to upload files to an ESP32 using Asyncwebserver, SPIFFS and an Upload progress bar.
esp32-asyncwebserver-fileupload-example
This is hopefully a simple example to demonstrate how to upload a file to an ESP32 using the AsyncWebServer, saving the files on to SPIFFS and having a simple upload progress bar displaced.
There are various instructions around the place, but they were all confusing and it took a long time to figure out what was needed, I hope these examples help someone.
Example 1 - Single Webpage, File Listing, Simple Upload
- single webpage
- file listing button
- file upload button
Example-02 is more complete and offers a better user experience, with this example there is no progress of file upload after clicking the upload button.
Example 2 - Single Webpage, Authentication, File Management, Upload with Progress Bar
- web page authentication
- single webpage
- file listing button
- file download button
- file delete button
- file upload button
- reboot esp32 button
- all done on a single web page that updates webpage elements using javascript