Repository files navigation

ESP32 File Manager for Generation Klick

ESPFMfGK is a simple to use web interface that allows you to upload files with drag and drop, download files, edit files, move files and much more within your ESP32 file space. It supports all file systems (FFAT, SD, SD-MMC, LittleFS, SPIFFS) and an unlimited number of devices all at the same time.

ESPFMfGK is the successor of Award Winninghttps://github.com/holgerlembke/ESPxWebFlMgr.

It has a one-the-device file editor. And a persistent preview function.

• handles all file systems (FFAT, SD, SD_MMC, LittleFS, SPIFFS), all together
• flat view (all files in one go) or folder view
• upload files via drag and drop
• download, delete, rename, create new file
• included image preview and text editor
• authentication
• snap in coding style (just copy one file, it has all the code)

Click on the filename. File is downloaded. That simple.

Just what it says: it deletes the file. Currently no way to delete folders, but they are not shown if empty.

This will move a file from one location to another. It creates the target folder. It works across devices.

File name syntax can be:

• /path/path/filename
• deviceindex:/path/path/filename

Deviceindex follows the order of ESPFMfGK::AddFS calls, 0...n-1.

Above screenshot shows an example: FFat is device 0, SD-Card is device 1. To move a file from FFAT to SD-Cardsimply click on (R)ename and add a 1: at the start of the filename.

Permanent editor windows! Just open a file in a windowed editor, change content, click "save", change content, click "save". Works well for everything that is editable.

Opens a preview window for the file. It depends on what the browser can display, so everything editable and JPEG/PNG files should work. The windows existence is disconnected from the files existence, it is a snapshot.

Easiest way to get all the log files from any device: Download all files from a device. Or all files from a folder including its sub-folders. Into one big ZIP file.

Look into the examples. They are a good boiler plate to start from.

They explain the security system around managing files visibility and operations. In most cases it will be a simple copy-paste-use thingy.

Defines are used to configure some basic features of ESPFMfGK.

By design concept ESPFMfGK is intended as "drop it in and that is it" solution. To archive that it includesits own html/css/javascript files. They are stored in code space and eat something around 35k.

If you want to reduce the code footprint, undefine that define and put the files from "filemanager" folder into the first added filesystem. No free lunch, either code space or file system.

After reading that stuff in the chapter above there is an alternative version of storing the html/css/javascript files in code space: deflated data. That reduces the footprint to about 10k.

It is a tiny little bit http-protocol incompatible by ignoring whatever content the browser requests and always sends the deflated data.

So either define one of those defines or none.

(All numbers are ballpark figures only and generous rounded up to include future code expansions.)

Comment this define if you do not need the "download all files" functionality. It will save about 4 to 5k code space.

With HtmlIncludes multiple non modal windows can be created by automatically inserting html/css/js.

  HtmlIncludes = "/window.html;/monitor.html";

• position: absolute;
• margin: 0;

The HTML file must have a first comment with the id-name of the container.

• CRC32 fromhttps://github.com/bakercp/CRC32
• gzip-js fromhttps://www.npmjs.com/package/gzip-js
• browserify fromhttp://browserify.org/
• Arduino core for ESP8266 WiFi chip fromhttps://github.com/esp8266/Arduino
• Arduino core for ESP32 WiFi chip fromhttps://github.com/espressif/arduino-esp32
• Infinidash certification NDA toolkit