vue-simple-upload-component

A simple upload component for Vue.js 2.x
1,016 12
vue vue-component upload file-upload uploader vue-upload
Install
npm install vue-simple-upload-component
Latest Version:1.0.3
Vue:2
License:MIT
Last Updated:Jan 31, 2018
Links: GitHub  ·  npm
Maintainer: cezaralexandre

Vue Upload Component npm npm npm GitHub stars

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.

Related Packages

vue-simple-upload

Simple File upload component for Vue.js

85,643 147
file-upload uploader vue
v-file-upload

File input component for Vue.js

46,448 59
file-upload upload vue vue-upload file-upload-vue upload-vue v-file-upload v-upload vue-file-upload
vue-drop-upload

A Vue.js upload component

1,082
upload vue-upload drop-upload vue-drop-upload
vue3-image-uploader

Image loader for Vue 3, displays image previews and the ability to switch multip...

1,620 1
upload uploader drag'n'drop file image
jj-uploader

a vue componet to upload file to server using ajax, support preview image

386 0
upload uploader vue ajax preview

Version History

Version Released Vue License
1.0.3 ^2.1.0 MIT
1.0.2 ^2.1.0 MIT
1.0.1 ^2.1.0 MIT
1.0.0 ^2.1.0 MIT
0.5.43 ^2.1.0 MIT