vue-file-drop

Vue component for File DnD area and call File Select Dialog.

🚚 Install

yarn add vue-file-drop
or
npm i vue-file-drop

Use globally

import VueFileDrop from "vue-file-drop";
 
createApp(App).use(VueFileDrop).mount("#app");

Use locally

<script>
  import { VueFileDrop } from 'vue-file-drop'
 
  export default {
    components: {
      VueFileDrop,
    },
  }
</script>

Template

<template>
  <vue-file-drop>
</template>

📦 Components

vue-file-drop

Props

Name	Description	Default
accept	Restricts downloads to an extension type.	*
multiple	Allows multiple files to be selected. (disables file reading!)	false

events

Name	Return type	Description
accept	FileList	When file DnDed or file selected though file select dialog.