https://github.com/Etheryte/nuxt-dropzone

A Nuxt SSR-compatible Dropzone component.
https://github.com/Etheryte/nuxt-dropzone

dropzone javascript nuxt vue

Last synced: about 2 months ago
JSON representation

A Nuxt SSR-compatible Dropzone component.

• Host: GitHub
• URL: https://github.com/Etheryte/nuxt-dropzone
• Owner: Etheryte
• License: mit
• Created: 2017-10-12T10:56:07.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-01-07T10:33:57.000Z (over 3 years ago)
• Last Synced: 2024-04-21T02:11:49.076Z (5 months ago)
• Topics: dropzone, javascript, nuxt, vue
• Language: JavaScript
• Homepage:
• Size: 90.8 KB
• Stars: 125
• Watchers: 7
• Forks: 13
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# nuxt-dropzone

A Nuxt SSR-compatible [Dropzone](http://www.dropzonejs.com/) component, internally powered by [vue-dropzone](https://github.com/rowanwins/vue-dropzone).  

## Installation

    npm i --save nuxt-dropzone 

## Usage

See [the demo project](https://github.com/Etheryte/nuxt-dropzone/tree/master/demo).

```html

  

```

```js

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

  }

}

```

See [the vue-dropzone docs](https://rowanwins.github.io/vue-dropzone/docs/dist/index.html#/props) for futher configuration information.

[Direct AWS S3 uploads](https://rowanwins.github.io/vue-dropzone/docs/dist/#/aws-s3-upload) are also supported.

## Common issues and solutions

 * [Importing styles doesn't work with PostCSS out-of-the-box](https://github.com/Etheryte/nuxt-dropzone/issues/3)

 * [IE support](https://github.com/Etheryte/nuxt-dropzone/issues/17)

 * [Scoped styles are not applied](https://github.com/Etheryte/nuxt-dropzone/issues/12)

## Issues & contributing

Please file any issues under [Github issues](https://github.com/Etheryte/nuxt-dropzone/issues), be sure to include your Nuxt release version as well as [a minimal, complete, and verifiable example](https://stackoverflow.com/help/mcve).  

Contributions welcome, be sure to test the demo application with any changes before filing a pull request.