Karthik-B-06

npm install -g vue/cli

Karthik-B-06

dropzoneOptions: {
url: `the server url, where you want your filesto be sent`,
maxFilesize: <max file size in MB>,
headers: {
Authorization: `<your application access-token>`
},
paramName: function(n) {
return "file[]";
},
dictDefaultMessage: "Upload Files Here xD",

Karthik-B-06

<vue-dropzone
ref="myVueDropzone"
:useCustomSlot="true"
id="dropzone"
@vdropzone-upload-progress="uploadProgress"
:options="dropzoneOptions"
@vdropzone-file-added="fileAdded"
@vdropzone-sending-multiple="sendingFiles"
@vdropzone-success-multiple="success"
></vue-dropzone>

Karthik-B-06

components: {
vueDropzone: vue2Dropzone
}

Karthik-B-06

import vue2Dropzone from 'vue2-dropzone';
import 'vue2-dropzone/dist/vue2Dropzone.min.css';

Karthik-B-06

npm install vue2-dropzone

Karthik-B-06

vue create <project-name>

Karthik-B-06

yarn global add @vue/cli

Karthik-B-06

mounted() {
    let gDrive = document.createElement("script");
    gDrive.setAttribute("type", "text/javascript");
    gDrive.setAttribute("src", "https://apis.google.com/js/api.js");
    document.head.appendChild(gDrive);
  }

Karthik-B-06

data() {
  return {
      pickerApiLoaded: false,
      developerKey: " <-- YOUR API KEY --> ",
      clientId: "<-- YOUR OAUTH CLIENT ID --> ",
      scope: "https://www.googleapis.com/auth/drive.readonly",
      oauthToken: null
  }
}