background

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 the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Upload header
  • 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

    overview-vue-upload-component
  • 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

    component-file-processing-vue-upload
  • 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

    dragging-dropping-vue-upload-component
  • 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

    disabled-vue-upload-component
  • 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

    custom-rendering-vueupload-component
  • 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

Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka