Kendo UI for Angular


  • Enable users to upload files with built-in features such as batch and chunk upload, drag and drop and many more.
  • Part of the Kendo UI for Angular library along with more than 80 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.

Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular Upload component enables users to upload files from their local systems in any Angular application. It offers several features, including batch and chunk upload modes, dragging and dropping files from the file system and support for Template-driven and Reactive forms.

    See Angular Upload Overview demo.

  • Dragging and Dropping

    The Kendo UI for Angular Upload component offers users several ways to drag and drop files from their file system in order to initiate an upload. Dragging and dropping can be done in the compact view of the Angular Upload component, or through an external area called the External DropZone.

    See Angular Upload Dragging and Dropping demo.

  • Batch Upload

    You can choose to configure the Kendo UI for Angular Upload component to upload each selected file individually as separate POST requests or in batch as a part of a single POST request.

    See Angular Upload Batch Upload demo.

  • Chunk Upload

    Uploading large files at once is not always ideal, which is why the Kendo UI for Angular Upload component enables you to split files into chunks and send them asynchronously to the server. The Angular Upload features several configuration options to help you define how to split the files into several smaller, manageable pieces.

    See Angular Upload Chunk Upload demo.

  • Disabled Upload

    Disable the component whenever you need to prevent users from uploading files. The Kendo UI for Angular Upload has a single configuration option that allows you to toggle between the enabled and disabled states.

    See Angular Upload Disabled demo.

  • Working with Credentials

    The Kendo UI for Angular Upload component allows you to control whether to send cookies and headers for cross-site requests and can provide additional data as part of the upload requests.

    See Angular Upload Working with Credentials demo.

  • File Processing

    The Kendo UI for Angular Upload has multiple configuration options for determining how the component processes the files users are uploading. This includes sequentially uploading files, singe or multiple file uploads, batch uploads, upload files in chunks, and whether or not to automatically upload files that users add.

    See Angular Upload File Processing demo.

  • Templates

    The Kendo UI for Angular Upload component has a default interface for the list of files being uploaded. When your application requires a custom look and feel, leverage an Angular template to make the design of the list of uploaded files your own.

    See Angular Upload Templates demo.

  • File Restrictions

    For scenarios that require you to limit the type of files that users can upload, the Kendo UI for Angular Upload component allows you to define rules for which file extensions along with minimum and maximum file size can be uploaded in the application.

    See Angular Upload File Restrictions demo.

  • Keyboard Navigation

    The Kendo UI for Angular Upload component allows users to upload and interact with the uploaded files using built-in keyboard navigation.

    See Angular Upload Keyboard Navigation demo.

  • Accessibility

    The Kendo UI for Angular Upload is compliant with Section 508 and WAI-ARIA standards, and is AAA rated with WCAG 2.0.

Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI