Holen Sie sich die Liste der Dateinamen im Ordner mit Javascript

Question

Meine Website dient eine Menge Bilder von /assets/photos/ Ordner. Wie bekomme ich eine Liste der Dateien in diesem Ordner mit Javascript?

Answer 1

Der aktuelle Code wird eine Liste aller Dateien in einem Ordner geben, ist es auf der Server-Seite können Sie alle Dateien auflisten möchten vorausgesetzt:

var fs = require('fs'); 
var files = fs.readdirSync('/assets/photos/'); 

Answer 2

Nein, Javascript keinen Zugriff auf das Dateisystem haben. Server side Javascript ist eine ganz andere Geschichte, aber ich denke, du meinst das nicht.

Answer 3

Für clientseitige Dateien können Sie keine Liste von Dateien im lokalen Verzeichnis eines Benutzers abrufen.

Wenn der Benutzer hochgeladene Dateien bereitgestellt hat, können Sie über das Element input darauf zugreifen.

<input type="file" name="client-file" id="get-files" multiple /> 


<script> 
var inp = document.getElementById("get-files"); 
// Access and handle the files 

for (i = 0; i < inp.files.length; i++) { 
    let file = inp.files[i]; 
    // do things with file 
} 
</script> 

Answer 4

Ich schreibe eine Datei dir.php

var files = <?php $out = array(); 
foreach (glob('file/*.html') as $filename) { 
    $p = pathinfo($filename); 
    $out[] = $p['filename']; 
} 
echo json_encode($out); ?>; 

In Ihrem Skript hinzufügen:

<script src='dir.php'></script> 

und verwenden Sie die Dateien [] Array