vue-dropify

npm license Build Status npm npm

Description

Dropify build for vuejs framework

vue-dropify package links :

Getting Started

This packages still in Dev mode vue-dropify helps you to upload files with a simple pre-visual display.

Installing

npm i vue-dropify
yarn add vue-dropify

Usage

import VueDropify from 'vue-dropify';

export default {
  components: {
    'vue-dropify': VueDropify
  }
}

Attributes

name default description
full false Boolean // this attribute define if dopify zone is full width
size null String/Array // [minSize,maxSize] or 'maxSize'
unit 'bk' String // Options are : ['b'(bytes),'kb'(kilobytes),'mb'(megabytes)]
width 'auto' String // Width of dropify zone
height '' String // Height of dropify zone
accept 'image/*' String // The same option as <input type="file" />
message null String // Displayed message when no image is selected
multiple null Boolean // To enable multiple file upload
uploadIcon '' String // Icon className
removeIcon null String // Icon className

Actions

name description
@upload trigger when image is selected
@change when change happen to input file

Vue Dropify

A Simple dropzone for image Component for Vuejs

Vue Dropify Info

⭐ Stars 13
🔗 Source Code github.com
🕒 Last Update a year ago
🕒 Created 3 years ago
🐞 Open Issues 3
➗ Star-Issue Ratio 4
😎 Author khofaai