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
Copy
<dropzone-file-upload v-model="inputs.fileSingle"></dropzone-file-upload>
Multiple files
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 |