Wie kann ich eine Liste von Ordnern auf einer lokalen Webseite anzeigen, indem ich nur HTML und Javascript verwende?

Question

Das ist meine erste Frage.

Im Wesentlichen versuche ich, eine Liste der lokalen Ordner auf meiner index.html-Seite anzuzeigen, bin mir jedoch nicht sicher, wie das geht. Zum Beispiel, sagen wir mal ich eine Liste von Musikalben haben:

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

Was würde ich tun möchte, ist jeden Ordner auf der HTML-Seite angezeigt werden und auch dann in der Lage sein, auf jedem klicken, um auf die Dateien zugreifen in die Hefte.

Vielen Dank für Ihre Hilfe im Voraus, und wenn Sie weitere Informationen benötigen, zögern Sie nicht, mich zu informieren.

Answer 1

Der schnellste und einfachste Weg, dies zu tun, ist einfach die Standard-Dateien und Ordner von Ihrem Webserver zu verwenden.

Da Sie diese Frage ich es aktiviert werden kann, nicht vermuten fragen. Hier ist, wie es zu aktivieren:

IIS (Windows):

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

oder die Benutzeroberfläche verwenden. Siehe hier: 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> 

hier sehen: How to enable directory listing in apache web server

Styling die Ausgabe

ich auch über diese Webseite gestolpert, die lehrt, wie Sie Ihre eigenen Ausgang Weg mit PHP und 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++) { 
     // ... 
    }