将所有网页文件都统一存放在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插件快速发布