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

网页整合

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

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

主页

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

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

channel

在此页面进行通道的读写

文件管理服务器

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

filemanage

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

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

点击“Upload File”如下:

uploadfile

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

点击“List Files”如下:

listfile

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

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

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

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

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

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

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


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