Angular Upload Component | Kendo UI for Angular
background

Kendo UI for Angular

Angular Upload

  • Enable users to upload single or multiple files with built-in features such as chunk upload, and drag and drop.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Upload
  • Feature-rich Angular Upload Component

    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.

    Kendo UI for Angular Upload - Overview
  • 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.

    Kendo UI for Angular Upload - File Processing
  • 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.

    Kendo UI for Angular Upload - Templates
  • 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.

  • 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.

    Kendo UI for Angular Upload - Dragging and Dropping
  • Accessibility

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

    Accessibility
  • Upload Multiple Files

    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.

    Kendo UI for Angular Upload - Disabled Upload
  • 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.

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka