![\"Install](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/ESP8266_Install_Filesystem_Uploader.png?resize=1200%2C675&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nSPIFFS is currently deprecated<\/strong> and may be removed in future releases of the ESP8266 core. It is recommended to use LittleFS instead<\/a><\/strong>. LittleFS is under active development, supports directories, and is faster for most operations. Follow this tutorial instead: Install ESP8266 NodeMCU LittleFS Filesystem Uploader in Arduino IDE<\/a><\/strong>.<\/p>\n\n\n\n Note: <\/strong> if you have an ESP32 board, read Install ESP32 Filesystem Uploader in Arduino IDE<\/a>.<\/p>\n\n\n\n SPIFFS lets you access the flash chip memory like you would do in a normal filesystem in your computer, but simpler and more limited. You can read, write, close, and delete files. SPIFFS doesn\u2019t support directories, so everything is saved on a flat structure.<\/p>\n\n\n\n Using SPIFFS with the ESP8266 board<\/a> is specially useful to:<\/p>\n\n\n\n In most of our web server projects, we\u2019ve written the HTML code for the web server as a String directly on the Arduino sketch. With SPIFFS, you can write the HTML and CSS in separated files and save them on the ESP8266 filesystem.<\/p>\n\n\n\n You can create, save and write files to the ESP8266 filesystem by writing the code yourself in Arduino IDE. This is not very useful, because you’d have to type the content of your files in the Arduino sketch.<\/p>\n\n\n\n Fortunately, there is a plugin for the Arduino IDE that allows you to upload files directly to the ESP8266 filesystem from a folder in your computer. This makes it really easy and simple to work with files. Let\u2019s install it.<\/p>\n\n\n\n First, make sure you have the latest Arduino IDE installed, and you have the ESP8266 add-on for the Arduino IDE. If you don’t, follow the next tutorial to install the add-on:<\/p>\n\n\n\n Follow the next steps to install the filesystem uploader:<\/p>\n\n\n\n 1)<\/strong> Go to the releases page and click the ESP8266FS-X.zip<\/a> file to download.<\/p>\n\n\n 2)<\/strong> Go to the Arduino IDE directory, and open the Tools<\/strong> folder.<\/p>\n\n\n 3)<\/strong> Unzip the downloaded .zip<\/em> folder to the Tools<\/strong> folder. You should have a similar folder structure:<\/p>\n\n\n\n 4)<\/strong> Finally, restart your Arduino IDE.<\/p>\n\n\n\n To check if the plugin was successfully installed, open your Arduino IDE and select your ESP8266 board. In the Tools<\/strong> menu check that you have the option “ESP8266 Sketch Data Upload<\/strong>“.<\/p>\n\n\n To upload files to the ESP8266 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 be saved into the ESP8266 filesystem. As an example, create a .txt<\/em> file with some text called test_example<\/em>.<\/p>\n\n\n 5)<\/strong> In the Arduino IDE, in the Tools <\/strong>menu, select the desired SPIFFS size (this will depend on the size of your files)<\/p>\n\n\n 6)<\/strong> Then, to upload the files, in the Arduino IDE, you just need to go to Tools <\/strong>> ESP8266 Sketch Data Upload<\/strong>.<\/p>\n\n\n You should get a similar message on the debugging window. The files were successfully uploaded to the ESP8266 filesystem. <\/p>\n\n\n\n Now, let\u2019s just check if the file was actually saved into the ESP8266 filesystem. Simply upload the following code to your ESP8266 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 ESP8266 “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 ESP8266 filesystem using the plugin.<\/p>\n\n\n\n Using the filesystem uploader plugin is one of the easiest ways to upload files to the ESP8266 filesystem. You can save HTML and CSS files to build a web server, images or small icons, save configuration files, etc…<\/p>\n\n\n\n We have a project example in which we build a web server using HTML and CSS files saved on the filesystem<\/a>. The example is for the ESP32, but it should be compatible with the ESP8266 with small changes on the code.<\/p>\n\n\n\n If you like the ESP8266, you may like the following resources:<\/p>\n\n\n\n Thanks for reading<\/p>\n","protected":false},"excerpt":{"rendered":" The ESP8266 contains a Serial Peripheral Interface Flash File System (SPIFFS). SPIFFS is a lightweight filesystem created for microcontrollers with a flash chip. This article shows how to easily upload … <\/p>\nIntroducing SPIFFS<\/h2>\n\n\n\n
\n
Installing the Arduino ESP8266 Filesystem Uploader<\/h2>\n\n\n\n
\n
![\"Download](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/Install-ESP8266-Arduino-IDE-SPIFFS-FileSystem-FS.png?resize=856%2C317&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Arduino](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/Arduino-IDE-Tools-to-Install-ESP8266-SPIFFS-Filesystem-fs.png?resize=389%2C30&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n<home_dir>\/Arduino-<version>\/tools\/ESP8266FS\/tool\/esp8266fs.jar<\/strong><\/pre>\n\n\n
![\"Arduino](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/Arduino-IDE-Tools-to-Install-ESP8266-SPIFFS-Filesystem-fs-2.png?resize=627%2C275&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/ESP8266-Sketch-Data-Upload-Arduino-IDE-SPIFFS-FS-Filesystem.png?resize=385%2C582&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![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/ESP8266-Arduino-Sketch-Example-File-Filesystem-fs-SPIFFS.png?resize=408%2C212&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/ESP8266-Notepad-Test-Example-File-Filesystem-fs-SPIFFS.png?resize=621%2C183&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/ESP8266-Select-SPIFFS-FS-Filesystem-size-tools.png?resize=608%2C420&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n<\/figure><\/div>\n\n\n![\"SPIFFS](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/SPIFFS-Image-Connecting-to-board-ESP8266.png?resize=955%2C361&quality=100&strip=all&ssl=1\")
<\/figure>\n\n\n\nTesting the Uploader<\/h2>\n\n\n\n
\/*********\n Rui Santos\n Complete project details at https:\/\/RandomNerdTutorials.com \n*********\/\n\n#include "FS.h"\n \nvoid setup() {\n Serial.begin(115200);\n \n if(!SPIFFS.begin()){\n Serial.println("An Error has occurred while mounting SPIFFS");\n return;\n }\n \n File file = SPIFFS.open("\/test_example.txt", "r");\n if(!file){\n Serial.println("Failed to open file for reading");\n return;\n }\n \n Serial.println();\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![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/07\/ESP8266-SPIFFS-FS-Filesystem-Example-Arduino-IDE-Serial-Monitor.png?resize=672%2C299&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nWrapping Up<\/h2>\n\n\n\n
\n