smford / esp32-asyncwebserver-fileupload-example

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

---