Nomenclature Processing Machine

npm

Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript.Learn more »

nuxt-dropzone

1.0.3 • Public • Published

nuxt-dropzone

A Nuxt SSR-compatible Dropzone component, internally powered by vue-dropzone.

Installation

npm i --save nuxt-dropzone 

Usage

See the demo project.

<template>
  <dropzone id="foo" ref="el" :options="options" :destroyDropzone="true"></dropzone>
</template>
<script>
import Dropzone from 'nuxt-dropzone'
import 'nuxt-dropzone/dropzone.css'
 
export default {
  components: {
    Dropzone
  },
  data() {
    return {
      // See https://rowanwins.github.io/vue-dropzone/docs/dist/index.html#/props
      options: {
        url: "http://httpbin.org/anything"
      }
    }
  },
  mounted() {
    // Everything is mounted and you can access the dropzone instance
    const instance = this.$refs.el.dropzone
  }
}
</script>

See the vue-dropzone docs for futher configuration information.

Direct AWS S3 uploads are also supported.

Common issues and solutions

Issues & contributing

Please file any issues under Github issues, be sure to include your Nuxt release version as well as a minimal, complete, and verifiable example.
Contributions welcome, be sure to test the demo application with any changes before filing a pull request.

Keywords

none

install

npm i nuxt-dropzone

Downloadsweekly downloads

3,503

version

1.0.3

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability