HTML(NAS)格式的文件浏览器/编辑器

HTML(NAS)格式的文件浏览器/编辑器,html,browser,editor,microcontroller,nas,Html,Browser,Editor,Microcontroller,Nas,我正在微控制器上制作NAS(网络连接存储)。NAS的用户界面将是承载在微控制器本身上的网页。此网页将允许用户浏览位于微控制器上的文件并对其进行编辑(稍后我将添加更多功能)。更准确地说,文件位于连接到微控制器的SD卡上。到目前为止,我已经编写了自己的HTTP服务器。我目前正在编写用户界面网页。以下是我所做的: 当我访问根目录时: 打开文件时: 当我打开目录时: 下面是根目录的index.html文件: / 我想出了一个办法 下面是根目录的新index.html文件: /

我正在微控制器上制作NAS(网络连接存储)。NAS的用户界面将是承载在微控制器本身上的网页。此网页将允许用户浏览位于微控制器上的文件并对其进行编辑(稍后我将添加更多功能)。更准确地说,文件位于连接到微控制器的SD卡上。到目前为止,我已经编写了自己的HTTP服务器。我目前正在编写用户界面网页。以下是我所做的:

当我访问根目录时:

打开文件时:

当我打开目录时:

下面是根目录的index.html文件:


/

我想出了一个办法

下面是根目录的新index.html文件:


/
函数加载_文件(文件){ var xhttp=newXMLHttpRequest(); xhttp.onreadystatechange=函数(){ if(this.readyState==4&&this.status==200){ document.getElementById(“文件编辑器”).value=this.responseText; } }; xhttp.open(“GET”,file,true); xhttp.send(); }