Draggable Multi File Upload Component For Vue – file-upload

file-upload is a lightweight and easy file upload component that supports drag’n’drop, multi-file upload, file preview, and more.

How to use it:

1. Install and register the file upload component.

Vue.component('file-upload', require('@yazan.alnughnugh/file-upload').default);

2. Add the component to your project, where:

  • url: the url where you want to send a request to it
  • id: if you want to send a model id with a request
  • label: custom description
<file-upload :url="url" :id="id" :label="label"></file-upload>

Preview:

Draggable Multi File Upload Component For Vue

Changelog:

v1.3.0 (10/23/2023)

  • Remove fontawesome and replace it with svg images && Fix Video and file preview.

Download Details:

Author: yazan-alnugnugh

Live Demo: https://packages.tourismcaravan.com/uploads

Download Link: https://github.com/yazan-alnugnugh/file-upload/archive/refs/heads/master.zip

Official Website: https://github.com/yazan-alnugnugh/file-upload

Install & Download:

# NPM
$ npm i @yazan.alnughnugh/file-upload

Add Comment