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 zoneId options of the DropZone and the Upload.

Example
View Source
Edit In Stackblitz  
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
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?