Vue Upload Component 
A simple upload component for Vue.js 2.x
Instalation
npm install vue-simple-upload-component --save-devUsage example
<template>
<div>
<upload-file @changed-files="uploadAction($event)"></upload-file>
</div>
</template>
<script>
import UploadFile from 'vue-simple-upload-component'
export default {
name: "MyComponent",
components: {
UploadFile
}
}
</script>Props
| Properties | Description |
|---|---|
| message | Default: Choose a file...Required: false It's used to indicate the upload zone. |
| dragOverMessage | Default: Drag it hereRequired: false Used when dragover event is dispatched |
| uploadedMessage | Default: emptyRequired: false Used to show a message when upload a file |
| showButton | Default: false Required: false Show send button. |
| buttonTitle | Default: SendRequired: false Send button title/value |
| cancelButton | Default: CancelRequired: false File cancel button |
| itemIndex | Default: 0Required: false Component index for multiples upload components |
| isDragDrop | Default: falseRequired: 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.