## Form - Dropzone

One stop solution for perfect admin dashboard!

Toggle Code!

##### Dropzone

DropzoneJs! This is an open source library that provides drag’n’drop file uploads with image previews. It’s lightweight, doesn’t depend on any other library (like jQuery) and is highly customizable. For official documentation, click here .
Drop files here or click to upload.
(This is just a demo dropzone. Selected files are not actually uploaded.)

    <form action="/file-upload"
          class="dropzone"
          id="my-awesome-dropzone">
        <div class="dz-message needsclick">
            Drop files here or click to upload.<br />
            <span class="note needsclick">(This is just a demo dropzone. Selected files are <strong>not</strong> actually uploaded.)</span>
        </div>
    </form>

    <!-- ========== JS ========== -->
    <script>
        $(function($) {
            Dropzone.options.myAwesomeDropzone = {
              paramName: "file", // The name that will be used to transfer the file
              maxFilesize: 5, // MB
              accept: function(file, done) {
                if (file.name == "justinbieber.jpg") {
                  done("Naha, you don't.");
                }
                else { done(); }
              },
              dictDefaultMessage: "Drop files here or click to upload."
            };
        });
    </script>