Wie werden ausgewählte Dateinamen angezeigt, bevor mehrere Dateien in Struts2 hochgeladen werden?

Lesezeit: 1 Minute

Benutzer-Avatar
Pradnja

Ich verwende Struts2, um mehrere Dateien hochzuladen:

<s:file name="files" multiple="multiple" />

Wenn ich mehrere Dateien auswähle, wird die Anzahl der Dateien angezeigt, z. 3 Dateien.

Die Projektanforderungen sind, dass der Benutzer in der Lage sein sollte Sehen Sie, welche Dateien er vor dem Hochladen ausgewählt hat.

Ist es möglich, die ausgewählten Dateinamen in einer Liste oder vielleicht in der Steuerung selbst anzuzeigen?

Benutzer-Avatar
Andrea Ligios

Sie können HTML5 verwenden files Eigentum der <input type="file" /> Element wie folgt:

updateList = function() {
    var input = document.getElementById('file');
    var output = document.getElementById('fileList');
    var children = "";
    for (var i = 0; i < input.files.length; ++i) {
        children += '<li>' + input.files.item(i).name + '</li>';
    }
    output.innerHTML = '<ul>'+children+'</ul>';
}
<input type="file" multiple
       name="file" 
         id="file" 
   onchange="javascript:updateList()" />

<p>Selected files:</p>

<div id="fileList"></div>

  • Tausend Dank.. es funktioniert perfekt genial 🙂 . Und ja, es hat auch mit der funktioniert.

    – Pradnja

    30. September 2014 um 5:42 Uhr

  • und wenn Sie asp.net FileUpload verwenden, sollte die Eingabe lauten: var input = document.getElementById(‘<%= fileupload.ClientID%>‘);

    – Sam

    1. August 2017 um 14:57 Uhr


  • Wie erhalte ich den vollständigen Pfad der ausgewählten Datei?

    – Inderjet

    14. Februar 2018 um 6:46 Uhr

  • @Inderjeet, aus Sicherheitsgründen nicht möglich!

    – vrintle

    4. Juni 2019 um 7:50 Uhr

  • @Andrea Ligios

  • zeigt außerhalb von
      . Wie löst man das? Ich muss das

    • innerhalb von
        machen

        – Naveenbos

        14. Februar 2020 um 14:46 Uhr

1017210cookie-checkWie werden ausgewählte Dateinamen angezeigt, bevor mehrere Dateien in Struts2 hochgeladen werden?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy