Package Exports

vue-simple-upload-component

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-simple-upload-component) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Vue Upload Component

A simple upload component for Vue.js 2.x

Instalation

npm install vue-simple-upload-component --save-dev

Usage 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 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.