https://github.com/smford/esp32-asyncwebserver-fileupload-example
Examples of how to upload files to an ESP32 using Asyncwebserver, SPIFFS and an Upload progress bar.
https://github.com/smford/esp32-asyncwebserver-fileupload-example
asyncwebserver esp32 file listing server spiffs upload web
Last synced: 27 days ago
JSON representation
Examples of how to upload files to an ESP32 using Asyncwebserver, SPIFFS and an Upload progress bar.
- Host: GitHub
- URL: https://github.com/smford/esp32-asyncwebserver-fileupload-example
- Owner: smford
- License: apache-2.0
- Created: 2020-07-02T11:55:42.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-07-01T23:31:33.000Z (over 1 year ago)
- Last Synced: 2025-10-26T04:27:43.381Z (5 months ago)
- Topics: asyncwebserver, esp32, file, listing, server, spiffs, upload, web
- Language: C++
- Homepage:
- Size: 1.57 MB
- Stars: 99
- Watchers: 6
- Forks: 30
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
---