About

A fairly minimal file picker & drop area which aims to stay out of the way of your application.

Demo here

We handle

• a html file input
• a js drag & drop area

You handle

• What happens after files are recieved, eg
  • uploading
  • presentation of the UI

Install

npm install vue-file-picker --save

Usage

Props

| Name | Type | Default | Description | | ------------- | -------------- | --------- | ----- | | id | string (required) | null | id of the wrapping div | | accept | string details | */* | A string that defines the file types the file input should accept | | allowMultiple | boolean details | false | Allows the user to select more than one file |

Slots

| Name | Description | | ------- | ------------- | | icon | Something to display above the label, eg an i or svg | | label | A string to display as the label |

Events

| Name | Description | | ------- | ------------- | | vfp-file-added(FileList)| Triggered by the addition of a file/s, recieves an FileList as the argument. |