@salemcode8/vue-dropify
v0.4.1
Published
A Vue.js component for uploading image dropzone
Downloads
1
Maintainers
Readme
vue-dropify
Description
Dropify build for vuejs framework
vue-dropify package links :
- npm
- yarn
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-dropify
yarn add vue-dropify
Usage
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 |