New to Kendo UI for Angular? Start a free 30-day trial
External DropZone
The External DropZone helps users to drag and drop files from their file systems to a dedicated user interface. The files are then sent to the specified server handlers, which are configured to receive them. The External DropZone can be implemented either by using the External DropZone Component, or by adding the External DropZone Directive to an element.
DropZone Component
The DropZone Component is a drag and drop tool. To link the external DropZone to the Upload, provide matching IDs to the DropZone and the Upload.
Example
View Source
Change Theme:
DropZone Directive
The DropZone Directive allows you to create custom elements with a drag and drop upload functionality. To link the custom element to the Upload, provide matching IDs to the kendoUploadDropZone and the Upload zoneId option.
Example
View Source
Change Theme:
