Kendo UI Angular Upload

TelerikDateiübertragungstoolsJavaScript

Erstellen Sie Angular-Apps mit erweiterten Dateiupload-Funktionen.

  • Laden Sie einzelne oder mehrere Dateien mit Batch- und Chunk-Optionen hoch.
  • Unterstützt Drag-and-Drop und integriert sich in Angular-Formulare.
  • Bietet umfangreiche Anpassungs- und Barrierefreiheitsfunktionen.
Telerik logo

Preise ab:

Wird geladen...
Verfügbar in
Kendo UIWird geladen
Telerik DevCraftWird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
Kendo UI Angular Upload Produktbild
Kendo UI Angular Upload ist eine Dateiupload-Komponente für Angular-Anwendungen, mit der Entwickler Funktionen zur Dateiauswahl und zum Hochladen in Weboberflächen integrieren können. Sie unterstützt gängige Upload-Workflows wie das Auswählen von Dateien aus dem Dateisystem, das Verwalten von Upload-Aktionen und die Handhabung der Serverkommunikation für die Dateiübertragung. Die Komponente kann in einer Vielzahl von Szenarien eingesetzt werden, von der einfachen Dokumentübermittlung bis hin zu fortgeschritteneren Upload-Erlebnissen, und bietet Konfigurationsoptionen, mit denen Entwickler Verhalten, Darstellung und Interaktion an die Anforderungen der Anwendung anpassen können.

Dateiverarbeitungsoptionen

Die Upload-Komponente ermöglicht das Hochladen von Dateien einzeln, in Stapeln oder in Chunks. Sie unterstützt sequenzielle und gleichzeitige Uploads mit Optionen, Uploads automatisch zu starten oder eine manuelle Initiierung zu erfordern.

Unterstützung für Batch-Uploads

Zusammen ausgewählte Dateien können als ein einzelner Batch-Upload gruppiert und über eine POST-Anfrage gesendet werden, was die Verwaltung mehrerer Dateien auf der Serverseite vereinfacht.

Chunk-Uploads

Große Dateien können in kleinere Chunks aufgeteilt und asynchron in mehreren Anfragen hochgeladen werden. Konfigurierbare Chunk-Größen und Wiederholungsrichtlinien erhöhen die Zuverlässigkeit des Uploads und ermöglichen das Fortsetzen unterbrochener Übertragungen.

Drag-and-Drop-Funktionalität

Benutzer können Dateien direkt aus ihrem Dateisystem in den Upload-Bereich oder eine externe Dropzone ziehen. Das verbessert die Benutzererfahrung durch eine intuitive Dateiauswahl.

Vorlagenanpassung

Entwickler können die Anzeige der Dateiliste mithilfe von Angular-Vorlagen anpassen. Die vollständige Kontrolle über das Rendering von Dateielementen ermöglicht die Integration in unterschiedliche UI-Designs.

Dateieinschränkungen

Dateiuploads können durch Erweiterungs- und Größenbeschränkungen eingeschränkt werden. Diese Vorgaben helfen dabei, die Einhaltung von Richtlinien sicherzustellen und zu verhindern, dass unerwünschte oder zu große Dateien hochgeladen werden.

Formularintegration und Modellbindung

Die Komponente lässt sich nahtlos in Angular-Formulare mit Template-Driven- und Reactive-Ansatz integrieren. Die Modellbindung über ngModel erleichtert es, den Upload-Status in den Anwendungsdatenmodellen abzubilden.

Barrierefreiheit und Tastaturnavigation

Die Upload-Komponente erfüllt die WAI-ARIA- und Section 508-Standards, unterstützt Screenreader und ermöglicht eine umfassende Tastaturnavigation für verbesserte Barrierefreiheit.

Deaktivierter Zustand und Aktionsschaltflächen

Uploads können programmgesteuert deaktiviert werden, um bei Bedarf Benutzerinteraktionen zu verhindern. Aktionsschaltflächen für Hochladen und Entfernen sind anpassbar, um sie an die Workflows der Anwendung anzupassen.

Globalisierung und Umgang mit Anmeldedaten

Unterstützt Lokalisierung und von rechts nach links geschriebene Sprachen für internationale Anwendungen. Bietet Optionen, um bei Upload-Anfragen Cookies, Header oder zusätzliche Daten für eine sichere Serverkommunikation einzubeziehen.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular