background

KendoReact

React Upload

  • Easily enable users to send files to any React app.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
  • Feature-rich React Upload Component

    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 the 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 the 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 the 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 the 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 the 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 the 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 the 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 the 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

Next Steps