ESP8266:向闪存系统上传文件

划句顾

                               
登录/注册后可看大图

在上传代码之前，要先将文件下载到esp8266中，再上传代码，不然会因为找不到资源而报错。

                               
登录/注册后可看大图

代码：

1. /****
   
2. * author:LaoGu
   
3. * time  :2021/9/3
   
4. * purpose；将data里面的文件下载到esp8266里面后，通过8266的网址，查看网页
   
5. */
   
6. #include<ESP8266WiFi.h>
   
7. #include<ESP8266WiFiMulti.h>
   
8. #include<ESP8266WebServer.h>
   
9. #include<FS.h>
   
10. 
    
11. ESP8266WiFiMulti wifiMulti;
    
12. 
    
13. ESP8266WebServer esp8266_server(80);
    
14. 
    
15. void setup(){
    
16.   Serial.begin(9600);
    
17.   Serial.println("");
    
18.   
    
19.   wifiMulti.addAP("小G的wife","g5201314");  //这里是你自己的WiFi和密码
    
20.   wifiMulti.addAP("nanjishit","g5201314");
    
21. 
    
22.   Serial.println("Connecting...");
    
23. 
    
24.   int i = 0;
    
25.   while(wifiMulti.run()!=WL_CONNECTED){
    
26.     delay(1000);
    
27.     Serial.print(i++); Serial.print(" ");
    
28.     }
    
29. 
    
30.   Serial.println("\n");
    
31.   Serial.print("Connect to ");
    
32.   Serial.println(WiFi.SSID());
    
33.   Serial.print("IP address: ");
    
34.   Serial.println(WiFi.localIP());
    
35. 
    
36.   if(SPIFFS.begin()){
    
37.     Serial.println("SPIFFS Started.");
    
38.     }else{
    
39.       Serial.println("SPIFFS Failed to start.");
    
40.       }
    
41.       
    
42.   esp8266_server.begin();   //启动网络服务器
    
43.   
    
44.   esp8266_server.onNotFound(handleUserRequest);
    
45.   
    
46.   Serial.println("HTTP server started");
    
47.   
    
48.   
    
49. }
    
50. void loop(){
    
51.   esp8266_server.handleClient();  //处理用户请求
    
52. }
    
53. 
    
54. void handleUserRequest(){
    
55.   //获取用户请求网址信息
    
56.   String webAddress = esp8266_server.uri();
    
57. 
    
58.   //通过handleFileRead函数处理用户访问
    
59.   bool fileReadOK = handleFileRead(webAddress);
    
60. 
    
61.   //如果在SPIFFS无法找到用户访问的资源，则回复404
    
62.   if(!fileReadOK){
    
63.     esp8266_server.send(404,"text/plain","404: Not Found");
    
64.   }
    
65. }
    
66. 
    
67. bool handleFileRead(String path){
    
68.   
    
69.   if(path.endsWith("/")){    //如果访问地址以"/"结尾                          
    
70.     path = "/index.html";    //则将访问地址修改为/index.html,便于SPIFFS访问
    
71.     }
    
72.    
    
73.    String contentType = getContentType(path);  //获取文件类型
    
74.    
    
75.    if(SPIFFS.exists(path)){
    
76.     File file = SPIFFS.open(path,"r");
    
77.     esp8266_server.streamFile(file,contentType);  //并且将该文件返回浏览器
    
78.     file.close();
    
79.     return true;  
    
80.     }
    
81.     return false;
    
82.   }
    
83. 
    
84. String getContentType(String filename){
    
85.   if(filename.endsWith(".htm")) return "text/html";
    
86.   else if(filename.endsWith(".html")) return "text/html";
    
87.   else if(filename.endsWith(".css"))  return "text/css";
    
88.   else if(filename.endsWith(".js")) return "application/javascript";
    
89.   else if(filename.endsWith(".png")) return "image/png";
    
90.   else if(filename.endsWith(".gif")) return "image/gif";
    
91.   else if(filename.endsWith(".jpg")) return "image/jpeg";
    
92.   else if(filename.endsWith(".ico")) return "image/x-icon";
    
93.   else if(filename.endsWith(".xml")) return "text/xml";
    
94.   else if(filename.endsWith(".pdf")) return "application/x-pdf";
    
95.   else if(filename.endsWith(".zip")) return "application/x-zip";
    
96.   else if(filename.endsWith(".gz"))  return "application/x-gzip";
    
97.   return "text/plain";
    
98.    }
    

复制代码

                               
登录/注册后可看大图

串口：

                               
登录/注册后可看大图

复制网址：192.168.43.109 到和esp8266相同局域网中的手机或者电脑的浏览器 打开

                               
登录/注册后可看大图

效果如下：

                               
登录/注册后可看大图

注：图片等资源必须用英文命名，用中文到时候浏览器显示不出来。