filefile-uploaduploadlimitdropzone.js

How to limit the number of dropzone.js files uploaded?


Depending on the use case, how do I constrain the number of files that dropzone.js will allow?

For example, I might need to only allow 1, 2, or 4 files uploaded.

It's not uploadMultiple. Unfortunately, uploadMultiple only applies to the number of files handled per request.


Solution

  • Nowell pointed it out that this has been addressed as of August 6th, 2013. A working example using this form might be:

    <form class="dropzone" id="my-awesome-dropzone"></form>
    

    You could use this JavaScript:

    Dropzone.options.myAwesomeDropzone = {
      maxFiles: 1,
      accept: function(file, done) {
        console.log("uploaded");
        done();
      },
      init: function() {
        this.on("maxfilesexceeded", function(file){
            alert("No more files please!");
        });
      }
    };
    

    The dropzone element even gets a special style, so you can do things like:

    <style>
      .dz-max-files-reached {background-color: red};
    </style>