JSFiddle - React, Tailwind, and code Playground

by mustafa yılmaz

HTML

<script src="https://cdnjs.com/libraries/dropzone"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/basic.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>

<input type="file" name="file" id="myDropzone"/>

JavaScript

(function(){
    var myDropzone = new Dropzone("#myDropzone", { 
      url: "/file/post",
      accept: function(file, done) {
    	  if (file.name.endsWith(".zip")) {
          done();
          return;
        }
        else { 
        	done("no");
          alert("Naha, you don't.");
			  }
      }
   });
})()