‍

Multi-Upload

Die Kombination aus Auswahlfeld und Dateiliste, die mehrere Dateien bis zum Absenden zwischenspeichert, sodass Nutzer sie sammeln, prüfen und einzeln entfernen können.

Dateien ablegen

    Verwendung

    Verwende diesen Baustein, wenn Nutzer mehrere Dateien auf einmal auswählen und vor dem Absenden noch prüfen oder einzelne wieder entfernen sollen. Für eine einzelne Datei genügt ein FileField‍ oder eine FileDropZone‍.

    Aufbau

    • Auswahl – Eine FileDropZone‍ nimmt Dateien per Drag-and-drop entgegen und enthält ein FileField‍ für den Dateidialog. multiple erlaubt mehrere Dateien auf einmal.
    • Dateiliste – Eine FileCardList‍ aus FileCards‍ zeigt die ausgewählten Dateien mit Name, Typ und Größe; über onDelete entfernt der Nutzer einzelne vor dem Upload.
    • Zwischenspeicher – Die ausgewählten Dateien liegen in einem Array im State (File[]) und werden erst beim Absenden übertragen; bis dahin lassen sie sich prüfen und einzeln entfernen.

    Auf dieser Seite