dropzonejs

testing acceptedFiles for compressed files

by thomi_ch

HTML

<script src="https://www.win-soft.ch/system/plugins/dropzonejs/dropzone.js"></script>
<link rel="stylesheet" href="https://www.win-soft.ch/system/plugins/dropzonejs/dropzone.css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script>
$("#dropzoneFORM").dropzone({
	autoProcessQueue: false,
  acceptedFiles: '.zip,.tar.gz,.gz,.gzip,.rar,.bz2,.bz,.bzip2,.7z',
  previewsContainer: ".dropzone-previews",
  clickable: "div#selectFile",
  init: function() {
  	var myDropzone = this;
    this.element.querySelector("button[type=submit]").addEventListener("click", function(e) {
      if(myDropzone.getQueuedFiles().length)
      {
        e.preventDefault();
        myDropzone.options.parallelUploads = myDropzone.getQueuedFiles().length;
        myDropzone.processQueue();
      }
      else
      {
        e.preventDefault();
        e.stopPropagation();
        alert("Please choose a file!");
      }
    });
  }
});
</script>

<form action="" class="dropzone" id="dropzoneFORM">
  <div id="selectFile" class="dz-message">Choose files...</div>
  <button type="submit" id="submitButton" name="send" >Upload</button>
  <div class="dropzone-previews"></div>
</form>