Kendo UI for Vue

Vue Upload

  • A very quick and easy way to add functionality to upload files from users’ file systems to any Vue application.
  • Part of Kendo UI for Vue library together with other best-in-class native components for building fast and beautiful apps.
  • Comes with outstanding technical support, detailed documentation and demos.
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

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

    See the Vue Upload Overview demo

  • File Processing

    The Vue 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 Vue Upload File Processing demo

  • Dragging & Dropping

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

    See Vue Upload Dragging & Dropping demo

  • File Restrictions

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

    See Vue Upload File Restrictions demo

  • Disabled Upload

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

    See Vue Upload Disabled demo

  • Working with Credentials

    The Vue 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 Vue 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 Vue Upload component.

    See Vue Upload Custom Rendering demo

  • Keyboard Navigation

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

    See Vue Upload Keyboard Navigation demo


Get Started with Kendo UI for Vue

Kendo UI