在Arduino IDE中安裝ESP32 Filesystem Uploader
https://randomnerdtutorials.com/install-esp32-filesystem-uploader-arduino-ide/
將SPIFFS與ESP32板一起使用特別有用：
- 使用設定建立配置檔案；
- 永久儲存資料；
- 建立檔案以儲存少量資料，而不是使用microSD卡；
- 儲存HTML和CSS檔案以建立Web伺服器;
- 儲存影象，圖形和圖示；
- 以及更多。
在我們的大多數Web伺服器專案中，我們都直接在Arduino草圖上以String的形式編寫了Web伺服器的HTML程式碼。藉助SPIFFS，您可以在單獨的檔案中編寫HTML和CSS並將其儲存在ESP32檔案系統中。
安裝Arduino ESP32檔案系統上傳器
您可以通過自己在Arduino IDE上編寫程式碼來建立，儲存檔案並將檔案寫入ESP32檔案系統。這不是很有用，因為您必須在Arduino草圖中鍵入檔案的內容。
幸運的是，有一個用於Arduino IDE的外掛，您可以使用它從計算機中的資料夾直接將檔案上傳到ESP32檔案系統。這使得使用檔案確實非常容易和簡單。讓我們安裝它。
首先，確保您安裝了最新的Arduino IDE，並且具有Arduino IDE的ESP32外掛。
請按照以下步驟安裝檔案系統上載器：
1）進入釋出頁面，單擊ESP32FS-1.0.zip檔案下載。
2）轉到Arduino IDE目錄，然後開啟“工具”資料夾。
3）將下載的.zip資料夾解壓縮到Tools資料夾。您應該具有類似的資料夾結構：
<home_dir> / Arduino- <version> / tools / ESP32FS / tool / esp32fs.jar
4）最後，重新啟動Arduino IDE。
要檢查外掛是否已成功安裝，請開啟Arduino IDE。
使用檔案系統上傳器上傳檔案
要將檔案上傳到ESP32檔案系統，請遵循以下指示。
1）建立一個Arduino草圖並儲存。出於演示目的，您可以儲存一個空的草圖。
2）然後，開啟草圖資料夾。您可以轉到草圖>顯示草圖資料夾。儲存草圖的資料夾應開啟。
3）在該資料夾內，建立一個名為data的新資料夾。
4）在data資料夾中，您應將要儲存的檔案放入ESP32檔案系統中。例如，建立一個.txt檔案，其中包含一些名為test_example的文字。
5）然後，要上傳檔案，請在Arduino IDE中，轉到Tools>ESP32 Sketch Data Upload。
注意：在某些ESP32開發板上，您在上傳檔案時需要按住ESP32板上的“BOOT”按鈕。當您看到“ Connecting…….____……”訊息時，您需要按ESP32板載的“BOOT”按鈕。
當您看到“SPIFFS Image Uploaded”訊息時，檔案已成功上傳到ESP32檔案系統。
測試上傳器
現在，讓我們來檢查檔案是否確實儲存到ESP32檔案系統中。只需將以下程式碼上傳到您的ESP32開發板。
/*********
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() {
}
上傳後，以115200的波特率開啟Serial Monitor。按ESP32的“ENABLE”按鈕。它應該在序列監視器上列印.txt檔案的內容。
您已使用外掛成功將檔案上傳到ESP32檔案系統。
包起來
使用檔案系統上載器外掛是將檔案上傳到ESP32檔案系統的最簡單方法之一。檢查以下專案，瞭解如何使用儲存在檔案系統上的HTML和CSS檔案構建Web伺服器：使用SPIFFS（SPI Flash檔案系統）的ESP32 Web Server。