Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including nuxt-dropzone with all npm packages installed. Try it out:

var nuxtDropzone = require("nuxt-dropzone")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

nuxt-dropzone v1.0.4

Nuxt SSR-compatible Dropzone component


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


npm i --save nuxt-dropzone 


See the demo project.

  <dropzone id="foo" ref="el" :options="options" :destroyDropzone="true"></dropzone>
import Dropzone from 'nuxt-dropzone'
import 'nuxt-dropzone/dropzone.css'

export default {
  components: {
  data() {
    return {
      // See
      options: {
        url: ""
  mounted() {
    // Everything is mounted and you can access the dropzone instance
    const instance = this.$refs.el.dropzone

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.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free