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

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
selected-file	When a file is added
remove-file	Called when the actual file is removed

Usage

<template>
  <div>
  <upload-file @selected-file="uploadAction($event)" @remove-file="removeAction($event)"></upload-file>
  </div>
</template>

<script>
import UploadFile from 'vue-simple-upload-component'
export default {
    name: "MyComponent",
    components: {
        UploadFile
    }
}
</script>