网页整合与文件管理服务器

网页整合

将所有网页文件都统一存放在flash的/html文件夹下，所有和网页服务器有关的代码都存放于NeoPLC/lib/WebServerSensor下

esp32连接WiFi后，在浏览器输入ip地址，进入以下网页

在主题"NeoPLC"下有两个超链接，点击可以分别进入“文件管理服务器”和“通道读写服务器”（之前就有的）

点击“Channel Manager Server”后进入页面

在此页面进行通道的读写

文件管理服务器

点击“File Manage Server”后进入页面

可以看到，当前页面显示了esp32的flash存储信息

并提供了两个按钮“List Files”和“Upload File”

点击“Upload File”如下：

用户可以选择计算机上的文件上传到esp32的flash中

点击“List Files”如下：

可以看到会在网页列出当前flash内存下的文件，并且提供两个按钮进行下载，删除工作

这四个文件就是我们正在访问的html文件

值得一提的是，这四个文件我们是无法进行删除和下载工作的

因为我为了防止用户的误点击删除导致出现问题，所以这四个文件是位于`/html/``文件夹下的

而这个页面进行的文件上传，下载，删除操作都是对 \ 目录下的文件进行操作的

所以说用户只能对在这个网页上上传的文件进行下载，删除操作

例如说用户上传了一个名为"a.txt"的文本文件，那他就只能对"a.txt"进行删除，下载操作，无法对"index.html"等文件进行删除，下载操作

---

本文章使用limfx的vscode插件快速发布