Skip to content

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

License

Notifications You must be signed in to change notification settings

smford/esp32-asyncwebserver-fileupload-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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


About

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

Topics

Resources

License

Stars

Watchers

Forks