vue-dropzone

Drop in replacement of vue2-dropzone that supports vue3

A Vue component for file uploads, powered by Dropzone.js. Check out the demo.

---

Development

1# install your dependencies
2npm install
3
4# install vue-dropzone
5npm install dropzone-vue3
6
7(or with yarn)
8
9yarn add dropzone-vue3

Usage

1<template>
2  <vue-dropzone
3    ref="myVueDropzone" 
4    id="dropzone" 
5    :options="dropzoneOptions"
6  />
7</template>  
8<script>
9import vueDropzone from 'dropzone-vue3'
10
11export default {
12  components: {
13    vueDropzone,
14  },
15  data () {
16    return {
17      dropzoneOptions: {
18        url: 'https://httpbin.org/post',
19        thumbnailWidth: 150,
20        maxFilesize: 0.5,
21        headers: { "My-Awesome-Header": "header value" }
22      }
23    }
24  }
25  ...
26}