SalemCode8vue-dropify
Description
Dropify build for vuejs framework
vue-dropify package links :
Getting Started
This packages still in Dev mode
vue-dropify helps you to upload files with a simple pre-visual display.
Installing
npm i vue-dropifyyarn add vue-dropifyUsage
import VueDropify from 'vue-dropify';
export default {
components: {
'vue-dropify': VueDropify
}
}Attributes
| name | default | description |
|---|---|---|
| full | false | Boolean // this attribute define if dopify zone is full width |
| size | null | String/Array // [minSize,maxSize] or 'maxSize' |
| unit | 'bk' | String // Options are : ['b'(bytes),'kb'(kilobytes),'mb'(megabytes)] |
| width | 'auto' | String // Width of dropify zone |
| height | '' | String // Height of dropify zone |
| 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 |
Actions
| name | description |
|---|---|
| @upload | trigger when image is selected |
| @change | when change happen to input file |