dropzone upload only one file

Question

I am using dropzone.js for my drag-drop file upload solution. I want to upload only one file,if i upload second file the first one should be remove and second one should be uploaded. any idea how to do it..

here is my html

<form class="dropzone dz-clickable" action="upload.php" enctype='multipart/form-data'>   <i class="fa fa-cloud-upload element"></i>   <div style="color:gray;">Drag and drop or click to upload image</div>   <input type="hidden" name="filenameEmail" class="filenameEmail" value="">   <input type="hidden" name="side" value="front"> </form> 

i changed dropzone.js

maxFiles: 1 

it allow to upload only one file but i cant remove the previously uploaded file.please help me out.thanks in advance

Answer 1

maxFiles: 1 is used to tell dropzone that there should be only one file. When there is more than 1 file the function maxfilesexceeded will be called, with the exceeding file as the first parameter.

here is a simple function to delete preview of first file and add the new one :)

maxFiles:1, init: function() {       this.on("maxfilesexceeded", function(file) {             this.removeAllFiles();             this.addFile(file);       }); }