如何仅使用HTML和Javascript在本地网页上显示文件夹列表？

这是我的第一个问题

基本上，我正在尝试在index.html页面上显示一个本地文件夹列表，但是我不确定如何这样做。例如，假设我有一个音乐专辑列表：

folder: Good Charlotte
song.mp3
folder: A Day To Remember
song2.mp3
folder: Green Day
song3.mp3

我想做的是在html页面上显示每个文件夹，然后也可以单击每个文件夹来访问文件夹中的文件

---

非常感谢您事先提供的帮助，如果您需要更多详细信息，请随时通知我。

最快、最简单的方法是使用Web服务器上的默认文件和文件夹列表

由于您正在问这个问题，我怀疑它可能未启用。以下是如何启用它：

IIS（windows）：

appcmd set config/section:directoryBrowse/enabled:true | false

或者使用用户界面。请看这里：

Apache（linux）：

Alias/icons/“/var/www/icons/”
选项索引多视图
不允许超限
要求所有授权

请看这里：

设置输出样式

我还偶然发现了这个网页，它教你如何使用PHP和CSS以自己的方式输出

---

您需要服务器端代码。您好，谢谢您的回复。主要的问题是，我甚至不知道该怎么做，我在这里浏览了一个答案，找不到答案，所以我最后自己问了一个问题。你需要使用服务器上可用的任何编程语言来读取目录和输出数据，或者生成所需的html文件，你指的是“local”“本地到承载您网站的Web服务器”，然后您需要学习服务器端编程语言（而且您的questin太宽）。如果您的意思是“本地到运行浏览器的计算机”，那么您不能这样做。Node.js（服务器上的js）使您能够读取目录的内容
Alias /icons/ "/var/www/icons/"

<Directory "/var/www/icons">
    Options Indexes MultiViews
    AllowOverride None
    Require all granted
</Directory>

  <?php
    // Opens directory
    $myDirectory=opendir(".");

    // Gets each entry
    while($entryName=readdir($myDirectory)) {
      $dirArray[]=$entryName;
    }


    // Loops through the array of files
    for($index=0; $index < $indexCount; $index++) {
         // ...
    }