Wählen Sie einen Ordner anstelle einer einzelnen Datei - Eingabe

Question

Ich möchte den Eingangstyp Ordner und nicht eine einzige Datei sein. Wie kann ich einen Ordner statt nur einer Datei auswählen? Wie kann ich dann auf jede Datei in diesem ausgewählten Ordner zugreifen? Ich habe dies versucht, um einen Ordner auszuwählen, hat aber nicht funktioniert. Ich bin auf Chrom.

<input id="myInput" type="file" style={{visibility: 'hidden'}} webkitdirectory directory multiple/> 

Answer 1

Sie suchen die files Eigenschaft, die eine Dateiliste zurückgibt. Verwenden length die Zahl der files erhalten dann eine for Anweisung für alle gleich files zu tun, jedes Mal um 1

var folder = document.getElementById("myInput"); 
 
folder.onchange=function(){ 
 
    var files = folder.files, 
 
     len = files.length, 
 
     i; 
 
    for(i=0;i<len;i+=1){ 
 
    console.log(files[i]); 
 
    } 
 
}

<input id="myInput" type="file" webkitdirectory directory multiple/>