Dropzone max file only one and remove the second file

Question

I just use my code like this

Dropzone.options.attachkyc = {
            maxFiles: 1,
            accept: function(file, done) {
            console.log("uploaded");
            done();
            },
            init: function() {
                this.on("maxfilesexceeded", function(file){
                    alert("No more files please!");
                });
            },
            addRemoveLinks: true,
            removedfile: function(file) {
                var name = file.name;        
                $.ajax({
                    type: 'POST',
                    url: host+'upload/unfile',
                    data: "id="+name,
                    dataType: 'html'
                });
                var _ref;
                return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;   

                //console.log();
            }
        };

When i upload second file is show alert "No more files please!", well is working taht file not uploaded, but my problem is, that second file i'm add it still show on my dropzone. My question is how i'm remove second file automaticly after i show the alert??

Jenish · Accepted Answer · 2017-09-22 12:21:11Z

5

if you want to remove max file extended file you just have to use maxfilesexceeded method of dropzone

    init: function() {
         myDropzone.on("maxfilesexceeded", function (file) {
                this.removeFile(file);
            });
    },

or you can also used one other method too

  init: function() {
  myDropzone.on("addedfile", function (file) {

                if (myDropzone.files.length === 1) {
                    alert("You can Select upto 1 Pictures for Venue Profile.", "error");
                    this.removeFile(file);
                }

            });
 },

answered Sep 22, 2017 at 12:21

Jenish

5334 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Wolfzmus Over a year ago

the first solution is better. Tq :)

diesel94 Over a year ago

if i have 100 files i will get 99 alerts

peeter Over a year ago

Is there any way to stop propagation .on("maxfilesexceeded", function (file) { ? Thanks.

Magnus Lind Oxlund Over a year ago

@diesel94 this answer should handle that: stackoverflow.com/a/78984516/1662230

Wolfzmus · Accepted Answer · 2017-09-15 02:47:25Z

0

I finaly sovle my problem. on at

 init: function() {
            this.on("maxfilesexceeded", function(file){
                alert("No more files please!");
            });
        },

i change it into like this

init: function() {
            this.on("maxfilesexceeded", function(file){
                alert("No more files please!");
                this.removeFile(file);
            });
        },

is work perfectly i want.

answered Sep 15, 2017 at 2:47

Wolfzmus

4671 gold badge12 silver badges24 bronze badges

1 Comment

diesel94 Over a year ago

if you have overflowing by many files, for example 100 files when 1 is allowed you will get 99 alerts.

Gino · Accepted Answer · 2022-10-18 03:56:22Z

0

If you are looking to keep the newly added file and remove the first file that was added you can do something like what is below:

 init: function() {
   myDropzone.on("maxfilesexceeded", function(file) {
     this.removeFile(this.files[0]);
  });
 },

You could obviously update the index of this.files to access other files in the array as well.

answered Oct 18, 2022 at 3:56

Gino

1,13320 silver badges30 bronze badges

Collectives™ on Stack Overflow

Dropzone max file only one and remove the second file

3 Answers 3

4 Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

Comments

Linked

Related