https://github.com/cezardasilva/vue-simple-upload-component
A simple upload component for Vue.js 2.x
https://github.com/cezardasilva/vue-simple-upload-component
drag drag-and-drop drop file-upload upload vue vue-component vue2
Last synced: 2 months ago
JSON representation
A simple upload component for Vue.js 2.x
- Host: GitHub
- URL: https://github.com/cezardasilva/vue-simple-upload-component
- Owner: cezardasilva
- License: mit
- Created: 2017-03-03T11:33:28.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-31T23:44:33.000Z (over 7 years ago)
- Last Synced: 2024-04-23T17:06:59.395Z (over 1 year ago)
- Topics: drag, drag-and-drop, drop, file-upload, upload, vue, vue-component, vue2
- Language: Vue
- Homepage:
- Size: 70.3 KB
- Stars: 13
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue Upload Component []() []() []() []()
> A simple upload component for Vue.js 2.x
## Instalation
```bash
npm install vue-simple-upload-component --save-dev
```
## Usage example
```Vue
import UploadFile from 'vue-simple-upload-component'
export default {
name: "MyComponent",
components: {
UploadFile
}
}
```
## Props
Properties | Description
----------------|----------------
*message* | **Default:** ```Choose a file...```
**Required:** *false*
It's used to indicate the upload zone.
*dragOverMessage* | **Default:** ```Drag it here```
**Required:** *false*
Used when dragover event is dispatched
*uploadedMessage* | **Default:** ```empty```
**Required:** *false*
Used to show a message when upload a file
*showButton* | **Default:** ```false ```
**Required:** *false*
Show send button.
*buttonTitle* | **Default:** ``` Send ```
**Required:** *false*
Send button title/value
*cancelButton* | **Default:** ```Cancel```
**Required:** *false*
File cancel button
*itemIndex* |**Default:** ```0```
**Required:** *false*
Component index for multiples upload components
*isDragDrop* | **Default:** ```false```
**Required:** *false*
Enable/Disable Drag&Drop.
*acceptedFormats* | **Default:** ```[]```
**Required:** *false*
Accepted MIME Types.
## Events
| Event | Description|
|----------------|----------------|
| send-file | Called if drag&drop is inactive and user pressed the 'Send' button |
| changed-files | When files list's changed, added or removed a file. |
| selected-file | When a file is added (**REMOVED**) |
|remove-file | Called when the actual file is removed (**REMOVED**) |
## Change Log
### v1.0.0
> Added support to multiple files
> Changed 'add' and 'remove' file methods.