https://github.com/rowanwins/vue-dropzone

A Vue.js component for Dropzone.js - a drag’n’drop file uploads utility with image previews
https://github.com/rowanwins/vue-dropzone

Last synced: 12 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/rowanwins/vue-dropzone
• Owner: rowanwins
• License: mit
• Created: 2016-07-28T03:04:13.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2024-03-28T02:06:09.000Z (9 months ago)
• Last Synced: 2024-04-14T12:51:26.069Z (8 months ago)
• Language: Vue
• Homepage: https://rowanwins.github.io/vue-dropzone/docs/dist
• Size: 9.89 MB
• Stars: 2,006
• Watchers: 34
• Forks: 1,396
• Open Issues: 147
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-hacktoberfest - vue-dropzone
• awesome-github-vue - vue-dropzone - 用于文件上传的Vue组件 (UI组件)
• awesome-vue - vue-dropzone - 用于文件上传的Vue组件 (UI组件)
• awesome - vue-dropzone - 用于文件上传的Vue组件 (UI组件)
• awesome-vue - vue-dropzone - dropzone?style=social) - 用于文件上传的Vue组件 (UI组件)
• awesome-github-vue - vue-dropzone - 用于文件上传的Vue组件 (UI组件)

README

        
# vue-dropzone

**CO-MAINTAINERS WANTED**

This component has far outgrown my initial expectations and I'm not able to provide the amount of support that users require. If you'd like to help out with it's maintenance drop a [note on this issue](https://github.com/rowanwins/vue-dropzone/issues/473)

A Vue component for file uploads, powered by [Dropzone.js](http://www.dropzonejs.com/). [Check out the demo](https://rowanwins.github.io/vue-dropzone/docs/dist/index.html).

A **Nuxt SSR-compatible** component can be found at [npm](https://www.npmjs.com/package/nuxt-dropzone) and [github](https://github.com/Etheryte/nuxt-dropzone). Thanks to [@Etheryte](https://github.com/Etheryte)

---

![](https://i.imgur.com/kUbjks1.gif)

## Development

``` bash

# install your dependencies

npm install

# install vue-dropzone

npm install vue2-dropzone

(or with yarn)

yarn add vue2-dropzone

# Execute dependencies script 

npm run dev

# serve example and docs at localhost:8080

npm run start

# build any changes made

npm run build

```