#javascript #html #dropzone.js
Вопрос:
моя html-форма выглядит следующим образом
lt;form id="upload-form" class="dropzone"gt; lt;!-- this is were the previews should be shown. --gt; lt;div class="previews"gt;lt;/divgt; lt;!-- Now setup your input fields --gt; lt;input type="file" name="file"gt; lt;button type="submit"gt;Submit data and files!lt;/buttongt; lt;/formgt;
и конфигурация скрипта
Dropzone.options.uploadForm = { // The camelized version of the ID of the form element // The configuration we've talked about above autoProcessQueue: false, uploadMultiple: true, parallelUploads: 100, maxFiles: 100, // The setting up of the dropzone init: function() { var myDropzone = this; // First change the button to actually tell Dropzone to process the queue. this.element.querySelector("button[type=submit]").addEventListener("click", function(e) { // Make sure that the form isn't actually being sent. e.preventDefault(); e.stopPropagation(); myDropzone.processQueue(); }); // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead // of the sending event because uploadMultiple is set to true. this.on("sendingmultiple", function() { // Gets triggered when the form is actually being sent. // Hide the success button or the complete form. }); this.on("successmultiple", function(files, response) { // Gets triggered when the files have successfully been sent. // Redirect user or notify of success. }); this.on("errormultiple", function(files, response) { // Gets triggered when there was an error sending the files. // Maybe show form again, and notify user of error }); } }
Я просто много читаю в Интернете, и, когда я читаю документ и другие примеры, он должен работать, но это не так.