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

Question

这是我的第一个问题。

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

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

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

非常感谢您的帮助，如果您需要更多详情，请随时与我们联系。

Answer 1

最简单快捷的方法是使用网络服务器中的默认文件和文件夹列表。

由于您提出此问题，我怀疑它可能未启用。以下是启用它的方法：

IIS（windows）：

  

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

或使用UI。见这里：https://technet.microsoft.com/en-us/library/cc731109(v=ws.10).aspx

Apache（linux）：

Alias /icons/ "/var/www/icons/"

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

见这里：How to enable directory listing in apache web server

设置输出样式

我也偶然发现了这个教会如何使用PHP和CSS输出自己的方式的网页。 https://css-tricks.com/snippets/php/display-styled-directory-contents/

  <?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++) {
         // ...
    }