Dropify build for vuejs framework
vue-dropify package links :
This packages still in Dev mode
vue-dropify helps you to upload files with a simple pre-visual display.
npm i vue-dropifyyarn add vue-dropifyimport VueDropify from 'vue-dropify'; export default { components: { 'vue-dropify': VueDropify } }| name | default | description |
|---|---|---|
| src | null | String // image format: base64 |
| full | false | Boolean // this attribute define if dopify zone is full width |
| size | null | String/Array // [minSize,maxSize] or 'maxSize' |
| unit | 'kb' | String // Options are : ['b'(bytes),'kb'(kilobytes),'mb'(megabytes)] |
| width | 'auto' | String // Width of dropify zone |
| height | '' | String // Height of dropify zone |
| dimensions | null | Object // { width, height } for wanted image dimensions |
| accept | 'image/*' | String // The same option as <input type="file" /> |
| message | null | String // Displayed message when no image is selected |
| multiple | null | Boolean // To enable multiple file upload |
| uploadIcon | '' | String // Icon className |
| removeIcon | null | String // Icon className |
vue-dropify >= 0.6.0 support
v-modeldirective
| name | description |
|---|---|
| @deprecated @upload | trigger when image is selected |
| @change | when change happen to input file |