title: Dropzone autoProcessQueue: false not working
body: <p>I'm trying to upload files on button click. </p>
  
  <p>I have followed so much tutorials/questions like,
  <a href="https://github.com/enyo/dropzone/wiki/Upload-all-files-with-a-button" rel="nofollow noreferrer">Upload all files with a button</a>, <a href="https://stackoverflow.com/questions/43012976/dropzone-js-post-request-in-laravel-5-4">Dropzone.js post request in laravel 5.4</a>. But didn't get success.</p>
  
  <p>This is my view file code,</p>
  
  <pre><code>&lt;form action="{{ url('admin/candidate/file-upload') }}" method="post" class="dropzone" id="my-dropzone"&gt;
      {{ csrf_field() }}
      &lt;div class="dz-message"&gt;
          &lt;h3&gt;Drop images here or click to upload.&lt;/h3&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And this is my JS file code (in document ready block),</p>
  
  <pre><code>//DropZone - Drag and drop file upload
  Dropzone.options.myDropzone = {
      // Prevents Dropzone from uploading dropped files immediately
      autoProcessQueue: false,
  
      init: function () {
          var submitButton = document.querySelector("#submit-all")
          myDropzone = this; // closure
  
          submitButton.addEventListener("click", function () {
              myDropzone.processQueue(); // Tell Dropzone to process all queued files.
          });
          // You might want to show the submit button only when 
          // files are dropped here:
          this.on("addedfile", function () {
              // Show submit button here and/or inform user to click it.
          });
      }
  };
  </code></pre>
  
  <p>But I think my this js file block is not executing. What should be the problem?</p>