如何实现文件导航？ （意思是一边浏览目录）

Question

我的意思基本上就是下图所示的内容（图片是虚构的）。

我正在使用HTML，Angular，Bootstrap创建网站。

我需要一种方法来在页面上的计算机上显示目录/导航文件。

我被困住了： - 我不确定如何描述这个，我搜索了谷歌的文件导航＆＃34;，＆＃34;目录导航＆＃34;等等没有成功，也许我用错误的名字来称呼它？ - 我以前从未实现过这种事情。

我非常感谢有人指出我正在做的方向，因为这似乎是一件非常简单和标准的事情。

目标（非常基本的）：
- 能够浏览目录 - 显示网页上的文件夹和文件 - 能够添加＆＃34; onclick＆＃34;单击文件时的功能（比如在另一个部分的同一页面上打开文件 - 这些只是.txt文件）

• 我需要显示的文件/文件夹位于计算机本身，而不是某些服务器上。

Answer 1

如果您想知道服务器上有哪些文件和目录，首先您需要让服务器报告它们是什么。您已经列出了许多客户端技术，但是您需要服务器端代码来执行此操作（因为您要列出的目录位于服务器上）。

大多数HTTP服务器都会为您生成列表（例如mod_autoindex）。您还可以使用您选择的服务器端语言来生成列表。

由于您使用的是Angular，因此您需要向返回所需列表的URL发出HTTP请求，解析它以提取所需的数据，然后将该数据插入到视图中。