The ESP32 contains a Serial Peripheral Interface Flash File System (SPIFFS). SPIFFS is a lightweight filesystem created for microcontrollers with a flash chip, which are connected by SPI bus, like the ESP32 flash memory. In this article we’re going to show how to easily upload files to the ESP32 filesystem using a plugin for Arduino IDE.
Note: if you have an ESP8266 board, read Install ESP8266 Filesystem Uploader in Arduino IDE.
Introducing SPIFFS
SPIFFS lets you access the flash 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. At the time of writing this post, SPIFFS doesn’t support directories, so everything is saved on a flat structure.
Using SPIFFS with the ESP32 board is specially useful to:
- Create configuration files with settings;
- Save data permanently;
- Create files to save small amounts of data instead of using a microSD card;
- Save HTML and CSS files to build a web server;
- Save images, figures and icons;
- And much more.
In most of our web server projects, we’ve 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 a separated file and save them on the ESP32 filesystem. Check the following tutorial to learn how to build a web server with files stored on the ESP32 file system:
Installing the Arduino ESP32 Filesystem Uploader
You can create, save and write files to the ESP32 filesystem by writing the code yourself on the Arduino IDE. This is not very useful, because you’d have to type the content of your files in the Arduino sketch.
Fortunately, there is a plugin for the Arduino IDE that allows you to upload files directly to the ESP32 filesystem from a folder in your computer. This makes it really easy and simple to work with files. Let’s install it.
First, make sure you have the latest Arduino IDE installed, and you have the ESP32 add-on for the Arduino IDE. If you don’t, follow one of the following tutorials to install the add-on:
Follow the next steps to install the filesystem uploader:
1) Go to the releases page and click the ESP32FS-1.0.zip file to download.
2) Go to the Arduino IDE directory, and open the Tools folder.
3) Unzip the downloaded .zip folder to the Tools folder. You should have a similar folder structure:
<home_dir>/Arduino-<version>/tools/ESP32FS/tool/esp32fs.jar
4) Finally, restart your Arduino IDE.
To check if the plugin was successfully installed, open your Arduino IDE. Select your ESP32 board, go to Tools and check that you have the option “ESP32 Sketch Data Upload“.
Uploading Files using the Filesystem Uploader
To upload files to the ESP32 filesystem follow the next instructions.
1) Create an Arduino sketch and save it. For demonstration purposes, you can save an empty sketch.
2) Then, open the sketch folder. You can go to Sketch > Show Sketch Folder. The folder where your sketch is saved should open.
3) Inside that folder, create a new folder called data.
4) Inside the data folder is where you should put the files you want to be saved into the ESP32 filesystem. As an example, create a .txt file with some text called test_example.
5) Then, to upload the files, in the Arduino IDE, you just need to go to Tools > ESP32 Sketch Data Upload.
Note: in some ESP32 development boards you need to keep the ESP32 on-board “BOOT” button pressed while it’s uploading the files. When you see the “Connecting …….____……” message, you need to press the ESP32 on-board “BOOT” button.
When you see the message “SPIFFS Image Uploaded“, the files were successfully uploaded to the ESP32 filesystem.
Testing the Uploader
Now, let’s just check if the file was actually saved into the ESP32 filesystem. Simply upload the following code to your ESP32 board.
/*********
Rui Santos
Complete project details at https://randomnerdtutorials.com
*********/
#include "SPIFFS.h"
void setup() {
Serial.begin(115200);
if(!SPIFFS.begin(true)){
Serial.println("An Error has occurred while mounting SPIFFS");
return;
}
File file = SPIFFS.open("/test_example.txt");
if(!file){
Serial.println("Failed to open file for reading");
return;
}
Serial.println("File Content:");
while(file.available()){
Serial.write(file.read());
}
file.close();
}
void loop() {
}
After uploading, open the Serial Monitor at a baud rate of 115200. Press the ESP32 “ENABLE” button. It should print the content of your .txt file on the Serial Monitor.
You’ve successfully uploaded files to the ESP32 filesystem using the plugin.
Wrapping Up
Using the filesystem uploader plugin is one of the easiest ways to upload files to the ESP32 filesystem. Check the following project to see how to build a web server using HTML and CSS files stored on the filesystem: ESP32 Web Server using SPIFFS (SPI Flash File System).
For more projects with ESP32, check the following tutorials:
- Build an All-in-One ESP32 Weather Station Shield
- ESP32 Servo Motor Web Server
- Getting Started with ESP32 Bluetooth Low Energy (BLE)
- More ESP32 tutorials
This is an excerpt from our course: Learn ESP32 with Arduino IDE. If you like ESP32 and you want to learn more, we recommend enrolling in Learn ESP32 with Arduino IDE course.
You stated that “After uploading, open the Serial Monitor at a baud rate of 115200. Press the ESP32 “ENABLE” button.”
Just where is this ESP32 “ENABLE” button located?
My sketch does not show any of the test data from the text file. It does print out “File Content:”. But nothing elese.
And even when I deliberately rename the file in the sketch to something else, it does not tell me that “Failed to open file for reading” but still displays “File Content:” with nothing else.
I am using Arduino 1.8.5 on Windows 10
Hi Mark.
The following image shows where the EN button is located: https://i0.wp.com/randomnerdtutorials.com/wp-content/uploads/2018/10/esp32-EN-enable-button.jpg?w=608&ssl=1
Have you successfully uploaded the text file to the ESP32 by going to Tools > ESP32 Sketch Data Upload ? Did you get the “SPIFFS Image Uploaded” message?
Try this sketch that deals with files and see if everything is working well with files on your ESP32: https://github.com/espressif/arduino-esp32/blob/master/libraries/SD/examples/SD_Test/SD_Test.ino
It should create a file, read its content and then delete it.
for me, show this mensage:”SPIFFS Error: esptool not found!”
[ My Ide arduino : 1.8.7]
Hi Sandro.
To be honest, I don’t know why you are getting that error.
That situation was already pointed out on Github yesterday.
Let’s way and see if someone has the answer
https://github.com/espressif/arduino-esp32/issues/2339
Regards,
Sara
Version 0.1 had this problem in me too. Version 1.0 (ESP32FS-1.0.zip) worked great 🙂
instale la actualización para la tarjeta esp32 y ya debe funcionar
Boa tarde!
Será possível através dos SPIFFS controlar os GPIO do ESP32? Ou seja, eu quero gravar um ficheiro de configuração (formato json) onde indico que pinos desejo ler os dados de sensores do meu ESP32, quando ele arrancar vai ler esse ficheiro.
Cumprimentos,
Francisco Pinheiro
Ola Francisco.
Sim, é possível guardar ficheiros no SPIFFS.
Depois de a ESP32 arrancar tem de adicionar todo co código que lê os ficheiros e decide o que fazer.
Só para orientação, temos um tutorial que faz uma página web a partir de ficheiros no SPIFFs (não é relacionado com o que quer fazer, mas pode ajudar a perceber como funciona): https://randomnerdtutorials.com/esp32-web-server-spiffs-spi-flash-file-system/
Também pode ver este tutorial para ver como trabalhar com JSON em arduino IDE: https://randomnerdtutorials.com/decoding-and-encoding-json-with-arduino-or-esp8266/
Cumprimentos,
Sara
So far I haven’t been successful uploading additional files.
SPIFFS.open(“[FilePath]”) always returns true whether or not the file was uploaded.
SPIFFS.exists(“[FilePath]”) return false whether or not the file was included in the /data directory.
Specs
Mac OS 10.14.5
Arduino IDE 1.8.9
On an ESP32
Using Arduino IDE > Tools > Board > ESP32 Dev Module
Hi Carl.
I’ve never faced that issue.
Unfortunately, without further information, it is very difficult to understand what might be wrong.
If anyone knows a solution for this, please help.
Regards,
Sara
Hi: I’m trying to install ESP32 filesystem uploader into the Arduino IDE 1.8.5. I have the esp32fs.jar in this path: Macintosh HD ▸ Users ▸ richardromig ▸ Dropbox ▸ Arduino IDE 1.8.5 ▸ Tools ▸ ESP32FS ▸ tool but the option “ESP32 Sketch Data Upload“ does not appear in the IDE. I am running MacOS 10.14.6 Any suggestions?
yes, I copied-pasted the file esp32fs.jar in creating some folders like this : Macintosh HD ▸ Utilisateurs ▸ MyName ▸ Documents ▸ Arduino ▸ tools ▸ ESP32FS ▸ tool ▸ esp32fs.jar and the option “ESP32 Sketch Data Upload“ appear in the IDE.
macOS Mojave 10.14.6
Very important for linux users! I create in data folder text file. Then I do same, but I dont see file content (nothing wrong, just dont see characters). Then I try to rename file to like this “test_example.txt”. And it works! In linux, mostly txt file is not txt file.
Thank you for sharing that info.
Regards,
Sara
Hi.
Richard , I had the same problem. But creating a Tools folder under the Sketch folder and placing the ESP32FS there did the trick.-Not the first time something like this comes up.
I had a problem when I installed the ESP32 filesystem uploader in a new tools folder where all my arduino archives are kept. It didn’t install properly.
However, it worked when I installed the uploader to Local Disk(c:), Program Files(x86), Arduino, tools folder.
Excellent.
Just make sure a data folder is in the same folder as your arduino code.
It works for txt files but do you have a tutorial on reading and displaying a jpg file?
I’ve solved this last problem. I can now read and display jpg file on web browser.