/esp32-asyncwebserver-fileupload-example

Examples of how to upload files to an ESP32 using Asyncwebserver, SPIFFS and an Upload progress bar.

Primary LanguageC++Apache License 2.0Apache-2.0

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