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

Copy
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

Drop files here to upload
Copy
<dropzone-file-upload v-model="inputs.fileSingle"></dropzone-file-upload>

Multiple files

    Drop files here to upload
    Copy
    <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