HTMLとJavascriptのみを使用してローカルWebページにフォルダのリストを表示するにはどうすればよいですか？

Question

これは私の最初の質問です。

私がしようとしているのは、index.htmlページ上のローカルフォルダのリストを表示することですが、どうすればよいかわかりません。たとえば、のは、私は音楽アルバムのリストを持っているとしましょう：

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

私がやりたい何がhtmlページ上の各フォルダを表示しても内のファイルにアクセスするために、各いずれかをクリックすることができることですフォルダ。

ご協力いただきありがとうございます。詳細が必要な場合は、お気軽にお知らせください。

Answer 1

これを行う最も簡単で簡単な方法は、ウェブサーバーのデフォルトのファイルとフォルダの一覧を使用することです。

私はそれが有効にされないことが疑われる、この質問をされているので。ここでは、それを有効にする方法である：設定のconfig /セクションをAPPCMD

：

IIS（Windowsの場合）directoryBrowse /有効：真|

またはUIを使用する場合はfalse。ここを参照してください：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> 

こちらを参照してください：私はまた、出力独自の方法を教えて、このWebページに出くわし

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