Kendo UI for Angular Upload Overview

The Kendo UI for Angular Upload component helps users to send files from their file systems to dedicated server handlers which are configured to receive them. Once the files have been selected they are send to the server through a request.

The Upload Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Upload in action.

Example
View Source
Change Theme:

Key Features

  • File processingThe Upload delivers a number of options when processing the files for upload such as uploading single and multiple files, uploading files in chunks and batches of files, and more.
  • Batch uploadThe batch upload feature of the Upload component enables you to show files, which were selected at once, as a single file-list item and upload them in a single POST request.
  • Chunk uploadThe chunk upload feature of the Upload component enables you to split files into chunks and send them asynchronously through multiple requests to the server
  • Action buttonsThe Upload enables you to render action buttons and customize their layout.
  • Forms supportYou can use the Upload both in template-driven and reactive Angular forms.
  • Model bindingThe Upload provides settings for binding its value to the model and render initial files by using the ngModel Angular directive.
  • Disabled UploadYou can use the configuration options of the Upload to disable the component so that users are not able to interact with it.
  • File restrictionsThe Upload also delivers a set of file restriction rules, which refer to the size and extension of the files for upload.
  • External dropzoneThe Upload provides options to the users for dragging and dropping files from their files systems to a dedicated user interface by using the External DropZone Component or by adding the External DropZone Directive.
  • TemplatesYou can either fully customize the Upload file list by using the File template, or customize part of its elements by utilizing the File Info template.
  • Credentials and additional dataThe Upload allows you to decide whether to send cookies and headers for cross-site requests or additional data during the upload or removal of files.
  • GlobalizationAll Kendo UI for Angular Uploads provide globalization options.
  • AccessibilityThe Upload is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe FileSelect supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?