Mam taki kod:
<div class="row"> <div class="col-12"> <form class="dropzone" id="dpz-multiple-files" action="http://localhost/dropZoneUpload.php" method="post" enctype="multipart/form-data" style="border:1px solid #000;"> </form> <br> <center> </center> </div> </div> <script type="text/javascript"> Dropzone.options.dpzMultipleFiles = { // Prevents Dropzone from uploading dropped files immediately uploadMultiple: true, paramName: "file", maxFilesize: 100, maxFiles: 2, createImageThumbnails: true, acceptedFiles: ".png,.jpg,.jpeg", clickable: true, thumbnailWidth: 150, thumbnailHeight: 150, autoProcessQueue: false, init: function () { var submitButton = document.querySelector("#submit-all") dpzMultipleFiles = this; submitButton.addEventListener("click", function () { dpzMultipleFiles.processQueue(); }); // to handle the added file event this.on('completemultiple', function (file, json) { $('.sortable').sortable('enable'); }); this.on('success', function (file, json) { let val = file.accepted; if (file.accepted == true) { //alert ('JSON - wgrałem!'); console.log(json); $('.main_form').append("<input type='text' name='imgFiles[]' value='" + file.name + "'/>"); } let val1 = file.name; //alert(val1); }); this.on("addedfile", function (file) { // Capture the Dropzone instance as closure. var _this = this; //console.log(file); removeButton.addEventListener("click", function (e) { // Make sure the button click doesn't submit the form: e.preventDefault(); e.stopPropagation(); // Remove the file preview. _this.removeFile(file); // If you want to the delete the file on the server as well, // you can do the AJAX request here. console.log("kasuje" + file.name); console.log(file); }); file.previewElement.appendChild(removeButton); }); this.on('drop', function (file) { console.log('File', file); alert('bb'); }); this.on("maxfilesexceeded", function (file) { this.removeFile(file); }); } }; $(function () { $(".dropzone").sortable({ items: '.dz-preview', cursor: 'move', opacity: 0.5, containment: '.dropzone', distance: 20, tolerance: 'pointer' }); }); </script>
Elementy w dropzone mogę przesówać (zmieniać ich kolejność). W jaki sposób mogę pobrać indeksy plików (pozycje na liście)?