khofaai / vue-dropify

A Simple image dropzone component for Vuejs

vue-dropify

Description

Dropify build for vuejs framework

vue-dropify package links :

• npm
• yarn

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
src	null	String // image format: base64
full	false	Boolean // this attribute define if dopify zone is full width
size	null	String/Array // [minSize,maxSize] or 'maxSize'
unit	'kb'	String // Options are : ['b'(bytes),'kb'(kilobytes),'mb'(megabytes)]
width	'auto'	String // Width of dropify zone
height	''	String // Height of dropify zone
dimensions	null	Object // { width, height } for wanted image dimensions
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

vue-dropify >= 0.6.0 support v-model directive

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