Dropzone - v5.5.1

-
Pro Component

Dropzone JS is an open-source library that provides drag’n’ drop file uploads with image previews. It is lightweight, doesn’t depend on any other library (like jQuery) and is highly customisable. Dropzone JS supports image previews and shows nice progress bars.
Keep reading our Dropzone JS examples and learn how to use this plugin.


Usage

import DropzoneFileUpload from '@/components/Inputs/DropzoneFileUpload'

export default {
  components: {
    DropzoneFileUpload
  }
}

Examples

Copy any of the code examples below and paste it in your project after you integrated the needed resources.

Single file

...
<dropzone-file-upload v-model="inputs.fileSingle"></dropzone-file-upload>

Multiple files

<dropzone-file-upload v-model="inputs.fileMultiple" multiple></dropzone-file-upload>

DropzoneFileUpload props

PROP NAME TYPE DEFAULT DESCRIPTION
options Object {}  
value String / Object / Array N/A  
url String http://  
multiple Boolean N/A  
previewClasses String / Object / Array N/A