https://github.com/salemcode8/vue-dropify
Dropify Library for Vue.js
https://github.com/salemcode8/vue-dropify
Last synced: about 1 year ago
JSON representation
Dropify Library for Vue.js
- Host: GitHub
- URL: https://github.com/salemcode8/vue-dropify
- Owner: SalemCode8
- License: mit
- Created: 2020-09-06T05:34:29.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-09-06T06:00:35.000Z (over 5 years ago)
- Last Synced: 2025-03-18T05:54:48.045Z (about 1 year ago)
- Language: Vue
- Size: 129 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
## vue-dropify
[](https://www.npmjs.com/package/@salemcode8/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
```bash
npm i @salemcode8/vue-dropify
```
```bash
yarn add @salemcode8/vue-dropify
```
## Usage
```javascript
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 ` |
| **_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 |
| **_@input_** | trigger when change happen to input file (For v-model Directive) |