New This website is new, your feedback will help us to improve it.

Drop zone

The Style Kit includes classes and a recommended implementation for using Dropzone.js to upload multiple files.

See distribution for how to include these dependencies.

You will need an endpoint that can accept form submissions with file uploads, specifically the multipart/form-data encoding type.

In modern browsers this will trigger a CORS preflight request due to the use of a Non-CORS-safelisted request-headers. In addition to the Access-Control-Allow-Origin and Access-Control-Allow-Methods headers, you will need to include these header names in a Access-Control-Allow-Headers header:

  • Cache-Control
  • X-Requested-With

Header names are not case sensitive.

Drop-zones can be useful when multiple files need to be uploaded and allow users to add or remove files multiple times.

Standard file upload fields should be used instead of drop-zones where only a single file is needed as they are part of the HTML standard.

Coming soon...