Entfernen unerwünschter Dateien aus der Dateiliste

Bei der Arbeit mit einer HTML5-Anwendung zum Hochladen von Dateien per Drag-and-Drop kann es vorkommen, dass Sie müssen bestimmte Dateien aus der ausgewählten Dateiliste entfernen. Auch wenn es einfach erscheint, ist es nicht möglich, einzelne Dateien direkt aus der Liste zu löschen. Dies liegt daran, dass das FileList-Attribut in der HTMLInputElement-Schnittstelle als schreibgeschützt definiert ist.

Sie haben jedoch eine alternative Option. Um alle Dateien aus der FileList zu entfernen, können Sie die Value-Eigenschaft des Eingabeelements explizit auf eine leere Zeichenfolge festlegen. Hier ist ein Codebeispiel:

document.getElementById('multifile').value = "";

Da der leere Wert alle Dateien aus dem Eingabeelement entfernt, ist dies unbedingt erforderlich Beachten Sie, dass bei diesem Ansatz die gesamte Liste gelöscht wird. Wenn Sie eine detailliertere Kontrolle benötigen, müssen Sie in Ihrem Code Prüfungen implementieren, die mit der FileList interagieren. Auch wenn dies umständlich erscheinen mag, ermöglicht es Ihnen, bestimmte Dateien beizubehalten und andere zu verwerfen.