Drag And Drop Image Uploader With Live Preview

Install & Download:

# NPM
$ npm i vue-upload-drop-images

Description:

A Vue component to create a drag’n’drop image upload with support for instant preview.

How to use it:

1. Import and register the component.

import UploadImages from "vue-upload-drop-images";

export default {
  components: {
    UploadImages,
  },
}

2. Add the component to the template.

<template>
  <UploadImages @change="handleImages" />
</template>

export default {
  components: {
    UploadImages,
  },
  methods:{
    handleImages(files){
      console.log(files)
    }
  }
}

3. Available component props.

max: Number,
uploadMsg: String,
maxError: String,
fileError: String,
clearAll: String,

Preview:

Changelog:

07/02/2021

• Bugfix

06/21/2021

• Bugfix

v1.0.6 (06/09/2021)

• Bugfix