ESP8266 Save Files To SPIFFS Flash Memory w/ Arduino | File System Storage, Web Server
ฝัง
- เผยแพร่เมื่อ 10 ส.ค. 2018
- • Your support helps me post videos more frequently:
/ acrobotic
www.paypal.me/acrobotic
buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
/ acrobotic
/ acrobotic
/ acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
In this video I show you how a web server running on the ESP8266 can use its built-in File System to send a full webpage as a response to a web browser. The File System allows us to work with files, which is much more convenient than cramming HTML, JavaScript, CSS, etc., into a character array variable in our firmware code. We build on the web server code we set up in another video ( • ESP8266 Web Server HTM... ), and use the SPIFFS library for uploading files to the ESP8266.
As before, the webpage that's served includes a button element. When the button is clicked, the request that's sent to the web server makes the ESP8266 toggle on and off the built-in LED on the development board.
One of the most common tasks when using the ESP8266 is storing information that survives a power cycle. Using Flash Memory is the way to do this. Moreover, using the File System allows us to work with files, which makes working with webpages a whole lot easier!
==========
• Related vids:
Getting started with the WeMos ESP8266 Development Board using Arduino: • Getting Started | ESP8...
==========
• Project parts:
ACROBOTIC WeMos Development Board for ESP8266:
acrobotic.com/products/acr-00029
amzn.to/2GFqnWS (affiliate)
==========
• Project code:
Firmware for the Arduino IDE:
github.com/acrobotic/Ai_Tips_...
Instructions for modifying the Arduino IDE:
github.com/esp8266/Arduino/bl...
More info about Flash Memory on the ESP8266:
learn.acrobotic.com/datasheets...
==========
• Tutorials:
Detailed guide for getting started with the WeMos ESP8266 Development Board:
learn.acrobotic.com/tutorials...
==========
• Music:
andyclassical (audiojungle.net/user/andyclas.... Envato's Music Standard License.
==========
#ESP8266 #Arduino #Tutorial - วิทยาศาสตร์และเทคโนโลยี
![[실시간] 전철에서 찍힌 기생생물 감염 장면 | 기생수: 더 그레이](http://i.ytimg.com/vi/4nkFvwxGAfA/mqdefault.jpg)
![[UNCUT]”หมอปลา และทนายแก้ว” ลากไส้ขบวนการ เด็กเชื่อมจิต จ่อเอาผิดทั้งครอบครัว I คนดังนั่งเคลียร์](http://i.ytimg.com/vi/9zXrAIVBQFo/mqdefault.jpg)
Really high quality, uncommon how good you make this.
You are the only person who explain it better than the others. Thank you very much!
Even though I've already done this on my ESP32, it's really nice to see how someone else does it....
I suspect I'll be re-watching this video a few times as I develop my project.
Heya! That's great to hear, I'm happy you found it useful :)
Big thumb from me.
I really enjoyed your tutorials.
I am not professional programmer but yet made some ESP projects using your tutorial.
Thanks a lot once again.
& Waiting for upcoming topic.
Thank _you_ for watching my videos. I'm glad to hear that they've been useful!
Thanks for doing this Video this was a lot of help. I looked all over the Web to figure out how to do this and I could not find anything that explain the process completely. The main problem was getting the tool for the Arduino IDE and adding it in as you described here!! Making Web Pages will be a lot easier now!!! Thanks and I will support your channel....
Thank you for great lessons! I learned a lot of about esp from you .
You're welcome! Thanks for watching. I'm glad you found the content useful!
Hi Cisco! I've just found you searching for stuff around this beautifull chip and landed on your websockets video to realize you were wearing Argentina's official soccer t-shirt, specifically the nbr 10, Maradona's one... I'm from Argentina and fell in love with your channel instantly not only because of the shirt but also because your content is great, super clear explanations and straight to the point, providing just the neccesary information for people to start poking around and then go deeply over concepts. And as far as I could see you also respond to comments in spanish... OMG what else? Just awesome!
With that being said, to my question :) Is this also possible with an added external bigger FLASH chip? would it take too much work to achieve it both in terms of hardware and tunning the code+IDE conifg? (I'm just starting off with this chip and Arduino in general, maybe it's a silly question) The reason for a bigger storage would be for a much more complex web page including many many libraries and images. Libraries would be fine for the onboard 2/4MB but images are the real deal.
I'll be around checking all the existing and new content on your channel, already subscribed!
Thanks in advance, keep up the excellent work you do! Hugs&kisses from Argentina.
Nico
Hola, Nico. ¡Aguante Argentina! :)
It is possible to increase the external flash, but only up to 16MB according to the datasheet. For storing images, I encourage you to use an SD card where you can store many GB of data-files and images. Be aware that the built-in SD card library sucks, so make sure you install and use the much better SdFat library. Best of luck with the projects!
thank's for such a detailed tutorial!
Thanks so much, I'm really glad you liked it!
I like when you keep the video objectives simple. It makes me feel less stupid.
Oh man, I appreciate the compliment I really do, and I can honestly tell you that there's no reason for negative emotions. It can be frustrating at times, things 'click' differently for different people. Once you find what 'clicks' for you (it takes time), you'll make progress on your projects without much trouble.
With kick-ass channels like yours I have no excuse not to keep working at it. :)
Big help i was lost trying to get SPIFFS up on IDE for the esp8266 for trains. Thank You
thanks very nice explication, great guy. Helped me a lote
Thank you for your kind comment. I'm glad the content was useful!
very good as well, thanks
Glad to hear, thanks for being a trooper and watching all/most of my videos!
Thanks for posting this...
You're welcome. I'm glad you found it useful!
thanks, very very clear tutorial~ ESP8266 SPIFFS
Etrock Ma you’re welcome! I’m glad you found it useful.
ACROBOTIC 👍👍
Great tutorial. I have a question: what if your html links to another html or other resource which is also stored on the flash. Will it be server automatically, or I need to handle all files with a server.on function?
your intuition is correct. as the server's capabilities are limited, you need to specify every route available. that is, each .html file needs an access route so that it can be served.
one trick to simplify matters is by using the "onNotFound" method of the server object. for example:
server.onNotFound([]() {
if (!handleFileRead(server.uri())) {
server.send(404, "text/plain", "FileNotFound");
}
});
then in the "handleFileRead" function you search the SPIFFS to see if the file actually exists. if it does you serve it by using the "streamFile" method of the server object (remember to return "true"). if it doesn't, you simply return "false".
hth!
Let me ask you a question when I use the wifi library of the 8266, the driver will not work if I am away from a wifi network, or these libraries are only to download pages from the web. Explain that to me and if I can do without these libraries. That you advise me I want to use this controller for animations in a matrix for its memory capacity and its cheap price in the market
i have a rather silly question but it is just because i cant buy esp8266 right now from store and test it myself due to corona but dont want to stop doing my project. thats said as the file is on flash memory so basically we can remove connection from pc such as will it be portable and will display bitmap images without any connection. i dont want to use SD card slot, what i making have enough connections as it is.
Sir, which one is more secure EEPROM or SPIFFS to save SSID and PASSWORD for home automation project??
Hello!!! Such a great video and your narrative is perfect! Congrats! I have a doubt, I'm new to ESP (not to arduino neither html) i followed all steps and rechecked but i still don't get the html page loaded. What could i possibly doing wrong? i get the IP but when i put it on chrome it's like loaded but empty page. Thanks in advance!
Thanks for the kind words. It's probably a typo. Go to the Github page (link in the video description) and verify your code. Best of luck!
Hello,
I am wondering can you delete your indexHTML setup in your sketch since you are using SPIFFS or not? I did not see you deleting it. If anyone can answer me I would be grateful because I am doing something similar for my project.
Really Like your videos. I have one question, If we upload something on the esp8266 webserver it consumes the RAM. Is it possible to upload it to SPIFFS and thus avoiding it from crashing
Different things live in different types of memory. Variables go to RAM. You can use the keyword modifier PROGMEM so that they go on flash instead. The code sketch goes to a sector of flash, if you're running out of space, you can move things like the webpage HTML to be read from SPIFFS. So the answer is yes you can, but there are limited options as to what you can store in SPIFFS.
@@datasith Thank you very much..If we upload an image on esp8266 local host it consumes RAM even if the webpage HTML is done by PROGMEM. Is there a way to avoid this?
@0:44 did not find this pdf. could anyone tell me where to find it ?
OK, now I have a question about this topic:
Does that mean that using storing stuff in flash for the esp isn't as straight forward as the arduino avr chips ? Do I have to do this method ?
İs it possible for esp32 to get images data from a companion computer such as jetson nano then send the images over its wifi to another esp32. Simply, could we send the image data via esps' wifis?
thank you so much , can we use SPIFFS as we are writing on SD card and finally read that file through wifi (when used as access point ) and read it on smart phone or a laptop ?
Thanks for the kind words! Yes, we can. You can use the server.streamFile() function to do so. I wanted to include this in the vid, but saved it for a future one to keep it relatively short.
wonderful i am waiting for this video, it will be very helpful for me
In my project wifi is not available all the time but I want to save data in spiffs with ntp timestamp and send when wifi available . So using spiffs is it possible?
Edit- i am using OTA
I have a question- in this video you showed how to place all page in SPIFFS but how we can make separate html, cs, js fails and make them work together?
Yes you can! You'll need to create a response for when the files are requested though. If you just link them on your *.html file, the server will refuse to serve them unless you instruct it to. I've been meaning to make a vid on this, so thanks for the reminder!
Hello,
You teach very well!
Can you share an example of how to update the web information when a button is pressed at the ESP8266?
Hey, Mike. Thanks for the kind words. I will add your suggestion to the queue of videos. In the meantime, have a look at my websockets video and maybe you can adapt the code to your needs? Websockets allow you to send data between the ESP8266 and the webpage 'easily':
th-cam.com/video/ROeT-gyYZfw/w-d-xo.html
thats actually a good point cause as far as i have seen no one has covered this issue very well
so again thanks for sharing , and thanks for the details and sources
you can actually use this as a guide for firmware update through web page too
cause its kinda needs same knowledge as this one
Thanks for the kind comments, Ali. I'm glad you liked it!
btw i have a question about the size of files i can upload and store in there...
i kinda know its dynamic but still should have a way to find out how much it would have to be usable
Fair question! There's indeed a maximum amount of memory space. If you go to the *Tools* menu, there's a *Flash Size* option. With this, you can actually set how much space is used for the sketch (and other things), and how much it's used for the SPI Flash File System.
Note that this changes depending on the board you use (and thus select on the IDE).
thanks this actually helps allot
idk if you have the same problem with pin usage or not
i am using spi pins to connect to lora and cant use sd at same time (idk why and couldnt find a good solution) so that i could get some logs throught this proccess but now i can write a simple code to do that inside the spiffs and send this logs day by day to the main server and remove it to not over flow the space
as a matter of fact i had a problem with jquery.js library and this is the right way for it! to use without sd card cause i needed it to be offline
you know you are life saver right?! Thanks
Its not working... arduino IDE says "leaving... hard resetting via RTS pin..." i waited for an hour and still it does nothing. When i open Serial Monitor, i see dots on 115200 baud. The rest gives reverse question marks, nothing else. I'm using the new nodemcu v3. Does it work with this one? And if it works, why do i only see dots and not the ip adress?
código. Déjeme hacerle una pregunta cuando yo uso las libreria wifi del 8266,el controlador no me funcionará si estoy lejo de una red wifi,o estas libreria son solo para descargar páginas de la web.Expliqueme eso y si puedo prescindir de estas libreria.Que usted me aconseja yo quiero usar este controlador para animaciones en una matrix por su capacidad de memoria y su precio barato en el mercado
Thank you very much!
Sir I am using asyncwebser.h library, how to stream files using that?
hey man can ya make a video about the differences about async webserver against normal
cause i guess lots of people are in wonder cause the info and details about the differences in the field are pretty few
I'll add it to the list!
With this method, the html file is uploaded in RAM and hence it is only available while the ESP8266 is power on, correct?
When you reboot the esp8266, the html file is still uploaded into SPIFFS RAM as long as the esp8266 is connected to your computer.
It is not a method that can be used for a standalone esp8266 webserver.
Is my understanding correct?
mark No, the HTML file is on the flash chip.
clear, thanks!
Thanks for chiming in, Zhou!
Mark, the video is a bit long, but I go over a few slides to give a bit of insight about Flash Memory and the SPI Flash File System. If you have time, check it out, it gives quite a bit of detail addressing your question. Thanks for stopping by!
well done ! ... but what if i wanna put a swf file into spiffs and get reception on a NB ?
Thank you! Nothing is stopping you to use that filetype. You'll need to set the correct content type if you're going to access it via a browser.
@@datasith and which type?
You mean the file index.html , I can change it into 01.swf. ?
@@user-hy1ck3zj8w application/x-shockwave-flash
Full list: www.sitepoint.com/mime-types-complete-list/
I want to save Wi-Fi cridentials in Spiff and control relays. I don't understand how it work. I save WiFi credentials save in flash memory successfully but the html page from which control the module did not open kindly make a video or guide me
Can we store a led state ? So that we can put it back when there is a power fail !! Thank you in advance.
Yes, you can store any kind of data in flash memory. Similar to how your code is stored, the data stored in flash memory will be available after a power fail!
Can SPIFFS read excel data? I mean .xls extension
Cisco, after doing each step of this tutorial, the result was that my brand new D1 Mini was burned, or at least the memory. Such is the case that now, every time I try to load a file it indicates an error of eprom. Any ideas or suggestions? I already probe with another cable, in other port. Now I am using a nodemcu lolin v3 and I was able to load the INO file, but without the commands that handle the SPIFFS.
D1, rest in peace.
Manuel, if you shoot me your address (support@acrobotic.com) I'd be happy to send a replacement D1 Mini. It's weird because as you saw in this and other SPIFFS videos, I use a D1 Mini as well without a problem. Con you post or email the exact error you get when flashing a new .ino file?
ACROBOTIC can be in Spanish?
@@ManuelCastillo-kq3xy por supuesto!
@@datasith No se si algo raro paso, pero volvio a permitirme cargar un sketch vacio, primero, y luego el original sin SPIFFS.
Note sin embargo que resulta extremedamente lenta la conexion a wifi a traves del wemos d1 mini. Tratare de repetir el proceso y ver si se repite la situacion.
Y no te preocupes por reponer el D1 mini. Son solo cosas que pasan.
Si, me parecio un poco raro que se dañe la memoria. Me alegra que volvio a funcionar! Pense que se habia dañado por usarlo con señales de 5V y me senti culpable! Cualquier cosa, mandame el sketch por correo para ver cual es el problema.
Hello i have saw some places using the file system like you are doing but able to upload more files from the browser. They don't explain how to do that. Can you help us on that?
I have a video where you can upload (even drag-and-drop) any number of files: th-cam.com/video/u_C7robY118/w-d-xo.html
you are Great, but there is something else i need right now urgently. I want to send data from arduino to esp and control the data of arduino using esp and vice verse. Is that even possible?
yes it is possible, i have a couple of videos on how to communicate between two esp8266 and also between an arduino and an esp8266. hth!
Hey buddy I'm getting the error 'serveindexfile' was not declared in this scope
i think it's a typo in your code, there isn't a variable or function named "serveindexfile". hth!
Nice Video, but how SPIFFS stores and sends data. Supposed that the connection is dead so all data should be temporarily stored on SPIFFS-flash memory and then when connection is done the data should be pushed out.
Great question. In your loop function you can check the connection status
WiFi.status()==WL_CONNECTED
and if/when it returns false, you can switch to stored data with SPIFFS. What's tricky is when the connection is available again, you need to upload the data, and possible erase it so that there's no confusion with any newer data that's stored.
Hello Sir, All of your videos are great. But esp with CAM is missing.
I'll add it to the queue, thanks for watching!
Отлично, всё понятно. Я люблю Аргентину. Привет из России.
cool
thank you!
Hi am trying to load a jquery3.4.1.min.js file using spiffs.calling this js file from index.html, getting error:192.168.4.1/jquery3.4.1.min.js was loaded even though it's mime type("text/html") is not valid JavaScript mime type.Then gives loading failed with source "192.168.4.1/jquert3.4.1.min.js"? What could be the issue?
Make sure it's the correct mime type in the filestream function. HTH!
How to upload program into arduino uno or esp8266 with GSM+GPRS Module over the air(OTA) (not with WiFi) want some advice from your side
You can download the firmare update .bin file, save it to SPIFFS and then apply ota. I will make a video about this soon!
@@datasith Thank you for reply
@@datasith Hello is there any update about this? Kindly notify pls..
@@vigneshks6649 no, but you're welcome to support me (and other content creators) instead of expecting free work to be done for you quickly.
@@vigneshks6649
www.patreon.com/acrobotic
www.paypal.me/acrobotic
buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
👍👍👍👍👍
😁
Is esp have ? Memory store when you flash it?
Hi! Yes, you're able to store things into flash memory, which is separate from where the code is stored. SPIFFS makes the process easier. HTH!
@@datasith hmm sims interesting but how do i delete all i flash on my esp ??
@@lespupulis6752 any tool you use to upload firmware will flash all memory on your ESPx before uploading. you can choose to only flash certain parts of the memory if you want to keep some information on the ESPx.
Funny that you focused you camera on the light switch instead of your face.
Hola Tengo un ESP8266 NodemCu - cuando le subo el archivo json + sketch lo hace perfectamente, pero en el Serial Monitor me aparece la siguiente leyenda " ets Jan 8 2013,rst cause:2, boot mode:(3,7) ets_main.c " sin embargo la placa no esta conectada a ningún circuito externo y me pasa solamente cuando le cargo archivo json, me paso con el ejemplo del video y con otros programas que utilizan json, Por ejemplo al cargar un programa sin json funciona perfecto, Otro dato es que el Serial Monitor solo muestra la leyenda cuando lo seteo en 74880 baudio ("ets Jan 8 2013,rst cause:2, boot mode:(3,7)
"), si lo dejo en 115200 no se lee nada ("lld$$??...." ). Gracias nuevamente. Si se te ocurre algo te lo super agradezco. Mi idea es cargar el api de thingspeak en el modo AP Si me pueden ayudar. agradezco mucho, saludos
Hola gaston!
Los mensajes que ves se debe a que el ESP8266 esta reseteando cada vez. Como bien diagnosticaste, el culpable del reset es la parte del código que lee JSON. Lo mas probable es que sea por un overflow de memoria, por leer data muy grande a un buffer estático muy chico, o por un error de formato en la lectura del archivo.
Si me mostrás el código, puedo darte mejores sugerencias (support@acrobotic.com).
Saludos!
Muchas Gracias @@datasith !!! te envie por email el código. La placa que tengo es un NodemCu con EPS8266. Si se te ocurre algo avísame y pruebo. Muchas gracias
@@gastongibert7304 no hay problema! Lo recibi ayer, en un rato voy a tener tiempo para revisarlo y te aviso.
Muchas Gracias @@datasith !!!
getting error ..........SPIFFS Error: esptool not found!
🤷🏽♂️
the esptool no longer works for me :( there is python verson also not working :( ok fixed it it wa s nightmare took 5 hours.... by the way no need to read file you can use this:
server.serveStatic("/", SPIFFS, "/index.html");
Weird. Try re-installing everything(?)
@@datasith I need to us ea differeent new JAR (supportin python) for the ESP upload menu item in the arduino ide and copy spiffs.exe to lots of dirs....
@@fotoamgamgfoto3695 🤷🏾♂️
Same code but empty page. :(
Probably not the same code :(
esp8266 filemanager
th-cam.com/video/K94DvxUGsOo/w-d-xo.html
Doesnt work. One big lie after another.
This made my Top-5 list of favorite comments on the channel. Bravo!