Vue Component That Provides Drag and Drops Images Upload With Preview

vue-upload-drop-images

Vue Images Upload Component plugin that provides drag-and-drop image upload with preview.

drag and drop image upload jquery, drag and drop image upload javascript, html5 drag and drop image upload bootstrap example, drag and drop file upload with submit button

Features

  • Upload files by drag and drop
  • Upload files by clicking on the download icon
  • Add photos
  • Delete photos
  • Append photos
  • Remove all photos

How to make use of it:

Install and download:

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

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. Component props available.

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

Drag And Drop Image Uploader, Vue Images Upload Component Plugin/Github, drag and drop image upload jquery with preview


See Demo And Download

Official Website(yudax42): Click Here

This superior jQuery/javascript plugin is developed by yudax42. For extra Advanced Usages, please go to the official website.