vue-imagen-drag

Drap and Drop and select image


Keywords
image, imagen, vue-imagen, vue-imagen-drag, image-drag, vue, vue component
License
MIT
Install
npm install vue-imagen-drag@2.1.1

Documentation

vue-imagen-drop

A beautiful vue component for upload image with select or drag and drop.

Notice: This component is designed for pc.

GitHub issues GitHub forks GitHub stars Twitter

Change log

- Compatible vue2

Screenshot

screenshot

Brower compatibility

IE10+

Install

npm

$ npm i vue-imagen-drag

Usage

Props

Name Type Default Description
id String 'image-drag-drop' Necesary id to component
height String,Number 'auto' height size of component
value String '' Image route, return base64File

Examples

<div id="app">
  <vue-imagen-drag
    height="200px"
    v-model="imagen"
  />
</div>

<script>
  import Vue from 'vue';
  import VueImagenDrag from 'vue-imagen-drag';
	
  new Vue({
		el: '#app',
		data: {
			imagen:''
		},
		components: {
			'vue-imagen-drag': VueImagenDrag
		},
	});
</script>