![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2023\/06\/Install-Filesystem-Plugin-ESP32.jpg?resize=1200%2C675&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nUsing Arduino IDE 2?<\/strong> Follow this tutorial instead: Arduino IDE 2: Install ESP32 LittleFS Uploader (Upload Files to the Filesystem)<\/a><\/p>\n\n\n\n If you want to use LittleFS with the ESP8266, read: Install ESP8266 NodeMCU LittleFS Filesystem Uploader in Arduino IDE<\/a>.<\/p>\n\n\n\n Table of Contents<\/strong><\/p>\n\n\n\n LittleFS is a lightweight filesystem created for microcontrollers that lets you access the flash memory like you would do in a standard file system on your computer, but it\u2019s simpler and more limited. You can read, write, close, and delete files. Using a filesystem with the ESP32 boards is especially useful to:<\/p>\n\n\n\n Currently, there is a plugin for the Arduino IDE (version 1.8.X) that allows you to pack and upload files to the SPIFFS, LittleFS, or FatFS filesystem image in the ESP32 filesystem.<\/p>\n\n\n\n Note<\/strong>: in most of our projects we use SPIFFS for the ESP32 filesystem. It’s still compatible with the ESP32, and you can use SPIFFS without any issues. However, currently, many libraries are moving to LittleFS.<\/p>\n\n\n\n The plugin we’ll install is both compatible with SPIFFS and LittleFS. So, it’s an advantage over the older plugin and you can still use SPIFFS.<\/p>\n\n\n\n There are a few advantages of using LittleFS over SPIFFS:<\/p>\n\n\n\n Follow the next steps to install the filesystem uploader if you’re using Windows:<\/p>\n\n\n\n 1)<\/strong> Go to the releases page<\/a> and click the latest esp32fs.zip<\/strong> file to download.<\/p>\n\n\n 2)<\/strong> Unzip the downloaded file. You should have a folder called esp32fs <\/strong>with a file called esp32fs.jar<\/strong> inside.<\/p>\n\n\n 3)<\/strong> Find your Sketchbook location. In your Arduino IDE, go to File<\/strong> > Preferences<\/strong> and check your Sketchbook location. In my case, it’s in the following path: C:\\Users\\sarin\\Documents\\Arduino<\/span>.<\/p>\n\n\n 4)<\/strong> Go to the sketchbook location, and create a tools <\/strong>folder if you don’t have it already (make sure that the Arduino IDE application is closed).<\/p>\n\n\n 5)<\/strong> Inside the tools <\/em><\/strong>folder, create another folder called ESP32FS <\/em><\/strong>if you haven’t already.<\/p>\n\n\n\n 6)<\/strong> Inside the ESP32FS <\/strong>folder, create a folder called tool<\/em><\/strong>.<\/p>\n\n\n\n 7)<\/strong> Copy the esp32fs.jar<\/strong><\/em> file to the tool <\/em><\/strong>folder (if you already have an esp32fs.jar<\/strong><\/em> file from a previous plugin, delete it and replace it with the new one). So, the directory structure will look like this:<\/p>\n\n\n\n 8)<\/strong> Now, you can open Arduino IDE.<\/p>\n\n\n\n To check if the plugin was successfully installed, open your Arduino IDE and select your ESP32 board. In the Tools<\/strong> menu, check that you have the option “ESP32 Sketch Data Upload<\/strong>“. Click on that option. A window will pop up for you to choose the filesystem you want to use.<\/p>\n\n\n As you can see, you have the option to choose from LittleFS, SPIFFS, or FatFS and you can even have the option to erase flash if needed.<\/p>\n\n\n\n Congratulations! You’ve successfully installed the Filesystem uploader plugin for the ESP32 on the Arduino IDE.<\/p>\n\n\n\n Follow the next instructions if you’re using MacOS X.<\/p>\n\n\n\n 1)<\/strong> Go to the releases page<\/a> and click the latest esp32fs.zip<\/em><\/strong> file to download.<\/p>\n\n\n 2)<\/strong> Unpack the files. You should have a folder called esp32fs <\/strong>with a file called esp32fs.jar<\/strong> inside.<\/p>\n\n\n\n 3)<\/strong> Create a folder called tools<\/strong> in \/Documents\/Arduino\/<\/span> if you haven’t already.<\/p>\n\n\n\n 4)<\/strong> Inside the tools folder create another one called ESP32FS<\/strong>.<\/p>\n\n\n\n 5)<\/strong> Inside the ESP32FS <\/strong>folder, create a folder called tool<\/em><\/strong>. So, the directory structure will look like this:<\/p>\n\n\n\n 6)<\/strong> Copy the unpacked esp32fs.jar<\/em><\/strong> file to the tool<\/strong> directory (if you already have an esp32fs.jar<\/strong><\/em> file from a previous plugin, delete it and replace it with the new one). You should have a similar folder structure.<\/p>\n\n\n 7)<\/strong> Now, you can open Arduino IDE.<\/p>\n\n\n\n To check if the plugin was successfully installed, open your Arduino IDE and select your ESP32 board. In the Tools<\/strong> menu, check that you have the option “ESP32 Sketch Data Upload<\/strong>“.<\/p>\n\n\n Click on that option. A window will pop up for you to choose the filesystem you want to use.<\/p>\n\n\n As you can see, you have the option to choose from LittleFS, SPIFFS, or FatFS and you can even have the option to erase flash if needed.<\/p>\n\n\n\n Congratulations! You’ve successfully installed the Filesystem uploader plugin for the ESP32 on the Arduino IDE.<\/p>\n\n\n\n To upload files to the ESP32 LittleFS filesystem follow the next instructions.<\/p>\n\n\n\n 1)<\/strong> Create an Arduino sketch and save it. For demonstration purposes, you can save an empty sketch.<\/p>\n\n\n\n 2)<\/strong> Then, open the sketch folder. You can go to Sketch <\/strong>> Show Sketch Folder<\/strong>. The folder where your sketch is saved should open.<\/p>\n\n\n 3)<\/strong> Inside that folder, create a new folder called data<\/strong><\/em>.<\/p>\n\n\n 4)<\/strong> Inside the data<\/em> <\/strong>folder is where you should put the files you want to save into the ESP32 filesystem. As an example, create a .txt<\/em> file with some text called test_example<\/em>.<\/p>\n\n\n 5)<\/strong> Then, to upload the files, in the Arduino IDE, you just need to go to Tools <\/strong>> ESP32 Sketch Data Upload<\/strong>.<\/p>\n\n\n 6. Select the LittleFS <\/strong>option and click OK.<\/p>\n\n\n Make sure the Serial Monitor is closed<\/strong> before uploading the files, otherwise, you’ll get an error related to the Serial communication, and the files won’t upload.<\/p>\n\n\n\n The uploader will overwrite anything you had already saved in the filesystem.<\/p>\n\n\n\n Note<\/strong>: in some ESP32 development boards you need to press the on-board BOOT <\/strong>button for around two seconds to upload the files.<\/p>\n\n\n\n The files were successfully uploaded to the ESP32 filesystem when you see the message “LittleFS Image Uploaded<\/strong>“.<\/p>\n\n\n Now, let\u2019s just check if the file was actually saved into the ESP32 filesystem. Simply upload the following code to your ESP32 board.<\/p>\n\n\n View raw code<\/a><\/p>\n\n\n\n After uploading, open the Serial Monitor at a baud rate of 115200. Press the ESP32 “ENABLE<\/strong>\/RST<\/strong>” button. It should print the content of your .txt<\/em> file on the Serial Monitor.<\/p>\n\n\n You\u2019ve successfully uploaded files to the ESP32 filesystem using the plugin.<\/p>\n\n\n\n In this tutorial, you installed a plugin for the Arduino IDE that allows you to upload files to the ESP32 filesystem. This plugin supports three different filesystems: SPIFFS, LittleFS, and FatFS.<\/p>\n\n\n\n While many libraries and projects are moving to LittleFS, SPIFSS is still used and your previous projects that use SPIFFS should still be working.<\/p>\n\n\n\n Because this new plugin supports both SPIFFS and LittleFS, you should consider installing this one instead of the SPIFFS plugin<\/a> so that you have more flexibility with the choice of filesystem.<\/p>\n\n\n\n We hope you’ve found this tutorial useful.<\/p>\n\n\n\n Learn more about the ESP32 using our resources:<\/p>\n\n\n\n In this guide, you’ll learn how to upload files to the ESP32 Filesystem (LittleFS) by using a plugin for Arduino IDE (1.8.X). LittleFS is a lightweight filesystem created for microcontrollers … <\/p>\n\n
\n
Introducing LittleFS<\/h2>\n\n\n\n
\n
Installing the Arduino ESP32 filesystem uploader<\/h2>\n\n\n\n
\n
Windows Instructions<\/h3>\n\n\n\n
![\"Arduino](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2023\/06\/Arduino-ESP32-Uploader-Plugin-Download.png?resize=693%2C250&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"esp32fs](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2023\/06\/esp32fs-folder-file.png?resize=735%2C250&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Arduino](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2018\/10\/Arduino-Sketchbook-location.png?resize=802%2C479&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"creating](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2018\/10\/creating-tools-folder-sketchbook-location.png?resize=675%2C229&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n<home_dir>\/Arduino\/tools\/ESP32FS\/tool\/esp32fs.jar<\/pre>\n\n\n
![\"esp32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2023\/06\/uploader-plugin-esp32-file-directory.png?resize=772%2C278&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2023\/06\/Filesystem-uploader-plugin-esp32-littlefs.png?resize=271%2C149&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nMac OS X Instructions<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n<home_dir>\/Arduino\/tools\/ESP32FS\/tool\/<\/pre>\n\n\n\n
![\"esp32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2023\/06\/ESP32-Filesystem-tool-directory-macos.png?resize=750%2C223&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2023\/06\/ESP32-sketch-data-upload-arduino-ide-macos.png?resize=750%2C329&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2023\/06\/Filesystem-uploader-plugin-esp32-littlefs-macos.png?resize=300%2C152&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nUploading Files using the Filesystem Uploader<\/h2>\n\n\n\n
![\"Arduino](\"https:\/\/i0.wp.com\/rntlab.com\/wp-content\/uploads\/2018\/09\/show-sketch-folder.png?w=1200&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/rntlab.com\/wp-content\/uploads\/2018\/09\/data.fodler.png?w=1200&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/rntlab.com\/wp-content\/uploads\/2018\/09\/text_txt.png?w=1200&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP32](\"https:\/\/i0.wp.com\/rntlab.com\/wp-content\/uploads\/2018\/09\/sketch-data-upload.png?w=1200&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n![\"Filesystem](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2023\/06\/LittleFS-image-uploaded-successfully.png?resize=655%2C162&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nTesting the Filesystem Uploader Plugin<\/h2>\n\n\n\n
\/*********\r\n Rui Santos & Sara Santos - Random Nerd Tutorials\r\n Complete project details at https:\/\/RandomNerdTutorials.com\/esp32-littlefs-arduino-ide\/\r\n*********\/\r\n\r\n#include "LittleFS.h"\r\n \r\nvoid setup() {\r\n Serial.begin(115200);\r\n \r\n if(!LittleFS.begin()){\r\n Serial.println("An Error has occurred while mounting SPIFFS");\r\n return;\r\n }\r\n \r\n File file = LittleFS.open("\/test_example.txt");\r\n if(!file){\r\n Serial.println("Failed to open file for reading");\r\n return;\r\n }\r\n \r\n Serial.println("File Content:");\r\n while(file.available()){\r\n Serial.write(file.read());\r\n }\r\n file.close();\r\n}\r\n \r\nvoid loop() {\r\n\r\n}\r\n<\/code><\/pre>\n\t![\"ESP32](\"https:\/\/i0.wp.com\/rntlab.com\/wp-content\/uploads\/2018\/09\/testing-file-system-serial-monitor.png?w=1200&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nWrapping Up<\/h2>\n\n\n\n
\n