# vue-simple-upload-component

> A simple upload component for Vue.js 2.x

Latest version **1.0.3** (published 2018-01-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-simple-upload-component
pnpm add vue-simple-upload-component
yarn add vue-simple-upload-component
bun add vue-simple-upload-component
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2018-01-24 |
| First published | 2017-03-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Cezar Alexandre |
| Maintainers | cezaralexandre |
| Keywords | vue, vue-component, vue-upload, file-upload, uploader, upload |

## Links

- npm: https://www.npmjs.com/package/vue-simple-upload-component
- Repository: https://github.com/cezardasilva/vue-upload-component
- Homepage: https://github.com/cezardasilva/vue-upload-component#readme
- Issues: https://github.com/cezardasilva/vue-upload-component/issues
- npm.io page: https://npm.io/package/vue-simple-upload-component

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.1.0

## Recent versions

- 1.0.3 (latest) — 2018-01-24
- 1.0.2 — 2018-01-24
- 1.0.1 — 2018-01-24
- 1.0.0 — 2018-01-24
- 0.5.5 — 2017-05-05
- 0.5.43 — 2017-03-20
- 0.5.42 — 2017-03-20
- 0.5.41 — 2017-03-20
- 0.5.4 — 2017-03-20
- 0.5.3 — 2017-03-17
- 0.5.29 — 2017-03-17
- 0.5.28 — 2017-03-17
- 0.5.27 — 2017-03-17
- 0.5.26 — 2017-03-17
- 0.5.25 — 2017-03-17
- … 16 more at https://npm.io/package/vue-simple-upload-component/versions

## README

# Vue Upload Component [![npm](https://img.shields.io/npm/dt/vue-simple-upload-component.svg)]() [![npm](https://img.shields.io/npm/v/vue-simple-upload-component.svg)]() [![npm](https://img.shields.io/npm/l/vue-simple-upload-component.svg)]() [![GitHub stars](https://img.shields.io/github/stars/cezardasilva/vue-simple-upload-component.svg?style=social&label=Star)]()


> A simple upload component for Vue.js 2.x


## Instalation
```bash
npm install vue-simple-upload-component --save-dev
```

## Usage example

```Vue
<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...```<br>**Required:** *false*<br> It's used to indicate the upload zone.
*dragOverMessage* | **Default:** ```Drag it here```<br>**Required:** *false*<br> Used when dragover event is dispatched
*uploadedMessage* | **Default:** ```empty```<br>**Required:** *false*<br> Used to show a message when upload a file
*showButton*		| **Default:** ```false ```<br>**Required:** *false*<br> Show send button.
*buttonTitle*		| **Default:** ``` Send ```<br>**Required:** *false*<br> Send button title/value
*cancelButton*	| **Default:** ```Cancel```<br>**Required:** *false*<br> File cancel button
*itemIndex*		|**Default:** ```0```<br>**Required:** *false*<br> Component index for multiples upload components
*isDragDrop*		| **Default:** ```false```<br>**Required:** *false*<br> Enable/Disable Drag&Drop.
*acceptedFormats*	| **Default:** ```[]```<br>**Required:** *false*<br> 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.

---
_Source: https://npm.io/package/vue-simple-upload-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._