vue-dropify

A Vue.js component for uploading image dropzone
5,945 17
Install
npm install vue-dropify
Latest Version:0.8.3
Vue:2
License:MIT
Last Updated:Sep 16, 2022
Links: GitHub  ·  npm
Maintainer: khofaai

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

Related Packages

@scayle/nuxt-image-provider

An image provider to handle SCAYLE-specific modifiers

99,945
@websanova/vue-upload

A simple, light weight and intuitive upload control for Vue.js.

50,093 220
vue-larger-image

English | 中文简体

570
modern-filters

Modern filter collection

489 9

Version History

Version Released Vue License
0.8.3 ^2.6.10 MIT
0.8.2 ^2.6.10 MIT
0.8.1 ^2.6.10 MIT
0.8.0 ^2.6.10 MIT
0.7.1 ^2.6.10 MIT