[Vuejs]-Vuejs @drop for multiple image uploader

by

1👍

On mounted just add this code and it works.

  mounted(){
  dropContainer.ondragover = dropContainer.ondragenter = function(evt) {
  evt.preventDefault();
};

dropContainer.ondrop = function(evt) {
  // pretty simple -- but not for IE :(
  this.loaddropfile(evt);
  evt.preventDefault();
};
  }

and add the id to a div tag.

<div id="dropContainer" class="image-preview dropzone d-flex justify-content-center align-items-center" @click="openinput">

Working fiddle – https://jsfiddle.net/29z18a5g/

👤Pratik Patel

Leave a comment