For deleting thumbnails you have to enable addRemoveLinks: true, and to use “removedfile” option in dropzonejs removedfile: Called whenever a file is removed from the list. You can listen to this and delete the file from your server if you want to. addRemoveLinks: true, removedfile: function(file) { var _ref; return (_ref = file.previewElement) != null … Read more
Add parallelUploads: 10(This is your max no)
EDIT: There is now a queuecomplete event that you can use for exactly that purpose. Previous answer: Paul B.’s answer works, but an easier way to do so, is by checking if there are still files in the queue or uploading whenever a file completes. This way you don’t have to keep track of the … Read more
Defining below code globally will help: Dropzone.autoDiscover = false;
Finally !! $(function() { var mockFile = { name: “banner2.jpg”, size: 12345 }; var myDropzone = new Dropzone(“#my-awesome-dropzone”); myDropzone.options.addedfile.call(myDropzone, mockFile); myDropzone.options.thumbnail.call(myDropzone, mockFile, “http://localhost/test/drop/uploads/banner2.jpg”); })
I achieved this a slightly different way. I just remove the old dropped file any time a new file is added. It acts as overwriting the file which was the user experience I was going for here. Dropzone.options.myAwesomeDropzone = { accept: function(file, done) { console.log(“uploaded”); done(); }, init: function() { this.on(“addedfile”, function() { if (this.files[1]!=null){ … Read more
Add an element within your dropzone form as follows: <div class=”dz-message” data-dz-message><span>Your Custom Message</span></div>
Here’s another way to do it: add a div in your form with a classname dropzone, and implement dropzone programmatically. HTML : <div id=”dZUpload” class=”dropzone”> <div class=”dz-default dz-message”></div> </div> JQuery: $(document).ready(function () { Dropzone.autoDiscover = false; $(“#dZUpload”).dropzone({ url: “hn_SimpeFileUploader.ashx”, addRemoveLinks: true, success: function (file, response) { var imgName = response; file.previewElement.classList.add(“dz-success”); console.log(“Successfully uploaded :” + … Read more