![\"Arduino](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/05\/Installing-LittleFS-Plugin-Arduino-IDE-2-ESP32.jpg?quality=100&strip=all&ssl=1\")
<\/a><\/figure><\/div>\n\n\nUsing an ESP8266?<\/strong> Follow this tutorial instead: Arduino IDE 2: Install ESP8266 NodeMCU LittleFS Uploader (Upload Files to the Filesystem)<\/a>.<\/p>\n\n\n\n Table of Contents<\/strong><\/p>\n\n\n\n If you’re still using Arduino 1.8<\/strong>, you can follow this tutorial instead: ESP32: Upload Files to LittleFS using Arduino IDE (legacy)<\/a>.<\/p>\n\n\n\n LittleFS is a lightweight filesystem created for microcontrollers that lets you access the flash memory as you do in a standard file system on your computer, but it’s simpler and more limited. You can read, write, close, and delete files. Using LittleFS with the ESP32 boards is useful to:<\/p>\n\n\n\n To upload files to the ESP32 on Arduino IDE 2<\/a>, we’ll use this LittleFS Uploader plugin<\/a> that is compatible with Arduino 2.2.1 or higher and can be used with the ESP32, ESP8266<\/a>, <\/a>and Raspberry Pi Pico boards<\/a>.<\/p>\n\n\n\n Follow the next steps to install the filesystem uploader if you’re using Windows (click here for MacOS instructions<\/a>):<\/p>\n\n\n\n 1)<\/strong> Go to the releases page<\/a> and click the .vsix<\/em> file to download.<\/p>\n\n\n 2)<\/strong> On your computer, go to the following path: C:\\Users\\<username>\\.arduinoIDE\\<\/span>. Create a new folder called plugins <\/em>if you haven’t already.<\/p>\n\n\n 3)<\/strong> Move the .vsix<\/em> file you downloaded previously to the plugins <\/em>folder (remove any other previous versions of the same plugin if that’s the case).<\/p>\n\n\n 4)<\/strong> Restart or open the Arduino IDE 2. To check if the plugin was successfully installed, press [Ctrl<\/strong>] + [Shift<\/strong>] + [P<\/strong>] to open the command palette. An instruction called ‘Upload Little FS to Pico\/ESP8266\/ESP32<\/strong>‘ should be there (just scroll down or search for the name of the instruction).<\/p>\n\n\n That means the plugin was installed successfully. Proceed to this section <\/a>to test the filesystem uploader plugin.<\/p>\n\n\n\n Follow the next steps to install the filesystem uploader if you’re using Mac OS X:<\/p>\n\n\n\n 1)<\/strong> Go to the releases page<\/a> and click the .vsix<\/em> file to download.<\/p>\n\n\n 2)<\/strong> In Finder, type ~\/.arduinoIDE\/<\/span> and open that directory.<\/p>\n\n\n 3)<\/strong> Create a new folder called plugins<\/em>.<\/p>\n\n\n 4)<\/strong> Move the .vsix<\/em> file to the plugins <\/em>folder (remove any other previous versions of the same plugin if that’s the case).<\/p>\n\n\n 5)<\/strong> Restart or open the Arduino IDE 2. To check if the plugin was successfully installed, press [\u2318<\/strong>] + [Shift<\/strong>] + [P<\/strong>] to open the command palette. An instruction called ‘Upload LittleFS to Pico\/ESP8266\/ESP32<\/strong>‘ should be there (just scroll down or search for the name of the instruction).<\/p>\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<\/em><\/strong><\/span>.<\/p>\n\n\n 4)<\/strong> Inside the data<\/em><\/strong><\/span> folder is where you should put the files you want to upload to the ESP32 filesystem. As an example, create a .txt<\/em> file with some text called test_example<\/em>.txt<\/em> (and save it inside the data <\/em>folder).<\/p>\n\n\n 5)<\/strong> Make sure you have the right board (Tools <\/strong>> Board<\/strong>) and COM port selected (Tools <\/strong>> Port<\/strong>).<\/p>\n\n\n\n 6)<\/strong> Depending on the ESP32 board selected, you may need to select the desired flash size (some boards don’t have that option, don’t worry). In the Arduino IDE, in Tools<\/strong> > Flash size<\/strong>, select the desired flash size (this will depend on the size of your files).<\/p>\n\n\n\n 7)<\/strong> Then, upload the files to the ESP32 board. Press [Ctrl<\/strong>] + [Shift<\/strong>] + [P<\/strong>] on Windows or [\u2318<\/strong>] + [Shift<\/strong>] + [P<\/strong>] on MacOS to open the command palette. Search for the Upload LittleFS to Pico\/ESP8266\/ESP32<\/strong> command and click on it.<\/p>\n\n\n Important: <\/strong> ensure the Serial Monitor is closed. Otherwise, the upload will fail.<\/p>\n\n\n\n After a few seconds, you should get the message “Completed upload.<\/strong> “. The files were successfully uploaded to the ESP32 filesystem.<\/p>\n\n\n Troubleshooting<\/strong><\/p>\n\n\n\n If you get the following error message “ERROR: No port specified, check IDE menus<\/a>“, restart the Arduino IDE, and try again. <\/p>\n\n\n\n Now, let\u2019s check if the file was saved into the ESP32 filesystem. Upload the following code to your ESP32 board. This code will read the contents of the .txt<\/em> file you saved previously on LittleFS.<\/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. <\/p>\n\n\n Press the ESP32 on-board “RST” button. It should print the content of your .txt<\/em> file in the Serial Monitor.<\/p>\n\n\n You’ve successfully uploaded files to the ESP32 filesystem using the plugin.<\/p>\n\n\n\n In this tutorial, we’ve shown you how to upload files to the ESP32 LittleFS filesystem on Arduino IDE 2<\/a> using an uploader plugin.<\/p>\n\n\n\n We’ve shown you how to upload a .txt<\/em> file, but you can upload other file formats like HTML, CSS, and Javascript files to build a web server, images, or small icons, save configuration files, etc.<\/p>\n\n\n\n To learn more about the ESP32, check our resources:<\/p>\n\n\n\n Thanks for reading.<\/p>\n","protected":false},"excerpt":{"rendered":" In this guide, you’ll learn how to upload files to the ESP32 LittleFS Filesystem using Arduino IDE 2 (2.2.1 or a higher version). We’ll install an uploader plugin that will … <\/p>\n\n
\n
Introducing LittleFS<\/h2>\n\n\n\n
\n
Installing the LittleFS Uploader Plugin on Arduino IDE 2<\/h2>\n\n\n\n
Windows Instructions<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\nMac OS X Instructions<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\nUploading Files to ESP32 using the Filesystem Uploader in Arduino IDE 2<\/h2>\n\n\n\n
<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\nTesting the ESP32 LittleFS Uploader<\/h2>\n\n\n\n
#include "LittleFS.h"\n \nvoid setup() {\n Serial.begin(115200);\n \n if(!LittleFS.begin()){\n Serial.println("An Error has occurred while mounting LittleFS");\n return;\n }\n \n File file = LittleFS.open("\/test_example.txt", "r");\n if(!file){\n Serial.println("Failed to open file for reading");\n return;\n }\n \n Serial.println("File Content:");\n while(file.available()){\n Serial.write(file.read());\n }\n file.close();\n}\n \nvoid loop() {\n\n}\n<\/code><\/pre>\n\t<\/a><\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\nWrapping Up<\/h2>\n\n\n\n
\n