Skip to content

khofaai/vue-dropify

Repository files navigation

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
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