title: Vue Dropzone: Sending files from multiple instances in one POST
body: <p>I am using Vue Dropzone (<a href="https://github.com/rowanwins/vue-dropzone" rel="nofollow noreferrer">https://github.com/rowanwins/vue-dropzone</a>) and one of my page's has multiple instances of dropzone for different sections of the same page.  I turned off <code>autoProcessQueue</code> so that they don't upload automatically after adding them to the dropzone.  I gave each instance a <code>ref</code> so that I can call <code>processQueue</code> manually but is there a way I can send them over in POST rather than 3 individual calls?</p>
  
  <pre><code>&lt;vue-drop-zone ref="myVueDropzone1" id="dropzone" :options="dropzoneOptions"&gt;
  &lt;/vue-drop-zone&gt;
  
  &lt;vue-drop-zone ref="myVueDropzone2" id="dropzone" :options="dropzoneOptions" &gt;
  &lt;/vue-drop-zone&gt;
  
  &lt;vue-drop-zone ref="myVueDropzone3" id="dropzone" :options="dropzoneOptions" &gt;
  &lt;/vue-drop-zone&gt;
  
  
  data() {
     return {
         dropzoneOptions: {
                      url: '/url/post',
                      thumbnailWidth: 180,
                      maxFilesize: 2, // MB
                      maxFiles: 1,
                      autoProcessQueue: false,       
          },
     }
  }
  
  methods: {
      processBtn: function() {
            this.$refs.myVueDropzone1.processQueue();
            this.$refs.myVueDropzone2.processQueue();
            this.$refs.myVueDropzone3.processQueue();
      } 
  }
  </code></pre>