React Upload

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 Upload - Accessibility, KendoReact UI Library

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.