sugumura/vue-dropzone

A Vue.js component for Dropzone.js - a drag’n’drop file uploads utility with image previews

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

# install your dependencies
npm install

# install vue-dropzone
npm install vue2-dropzone-vue3

(or with yarn)

yarn add vue2-dropzone-vue3

Usage

<template>
  <vue-dropzone
    ref="myVueDropzone" 
    id="dropzone" 
    :options="dropzoneOptions"
  />
</template>  
<script>
import vueDropzone from 'vue2-dropzone-vue3'

export default {
  components: {
    vueDropzone,
  },
  data () {
    return {
      dropzoneOptions: {
        url: 'https://httpbin.org/post',
        thumbnailWidth: 150,
        maxFilesize: 0.5,
        headers: { "My-Awesome-Header": "header value" }
      }
    }
  }
  ...
}