React Upload

  • Easily enable users to send files to any React app! This component's features include drag-and-drop upload, file restrictions and custom rendering.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
  • Overview

    The KendoReact Upload helps users send files from their file systems to any React application. The React upload component can be used as a standalone component, integrated into a form, or used as a part of other KendoReact UI components.

    See React Upload Overview demo

    React Upload - Overview, KendoReact UI Library
  • File Processing

    The KendoReact Upload provides several configuration options for controlling the way it processes files to be uploaded. This includes automatically uploading files, uploading single or multiple files, or uploading files in batches.

    See React Upload File Processing demo

    React Upload - File Processing, KendoReact UI Library
  • Dragging & Dropping

    The drag-and-drop feature of the React Upload enables users to drag files from their file system to initiate an upload.

    See React Upload Dragging & Dropping demo

    React Upload - Dragging & Dropping, KendoReact UI Library
  • File Restrictions

    Developers can restrict which files will be uploaded by the KendoReact Upload by defining rules around file extensions, minimum file size or maximum file size.

    See React Upload File Restrictions demo

  • Disabled Upload

    By default, the KendoReact Upload component is enabled. Certain scenarios may call for the upload component to be disabled until certain requirements are met. Enabling or disabling the React upload component can be done through a single configuration option.

    See React Upload Disabled demo

    React Upload - Disabled, KendoReact UI Library
  • Working with Credentials

    The React Upload component gives developers control over whether or not to send cookies and headers for cross-site requests and can provide additional data as a part of the upload requests.

    See React Upload Working with Credentials demo

  • Custom Rendering

    As files are uploaded to the server, every file is listed in an interface below the upload button. This section can be completely customized by a custom renderer, letting developers take full control over the look and feel of the KendoReact Upload component.

    See React Upload Custom Rendering demo

    React Upload - Custom Rendering, KendoReact UI Library
  • Keyboard Navigation

    With built-in support for keyboard navigation, the KendoReact Upload component has several built-in keyboard shortcuts to facilitate interacting with the component with nothing but a keyboard.

    See React Upload Keyboard Navigation demo

  • Accessibility

    The KendoReact Upload is compliant with Section 508 and WAI-ARIA standards, and is AAA rated with WCAG 2.0.

    React Accessibility - KendoReact

All KendoReact Components

waves bg

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.