Dropzone 정렬 배열은 ajax 파일로 전송

새로운 정렬 정렬 배열을 내 ajax 파일로 보내려고합니다.

정렬 후 정렬 정렬을 위해 JQUERY UI 를 사용 하고 있습니다. 정렬 된 배열을 auction.ajax.php 파일 로 가져 오고 싶습니다 .

나도 배열을 준비해 보았습니다. 재정렬 된 파일 이름 배열을 ajax 페이지로 보내야합니다.

<script>
  $(document).ready(function(e) {
    var imageNames = [];

    $(function() {
      $("#myDrop").sortable({
        items: '.dz-preview',
        cursor: 'move',
        opacity: 0.5,
        containment: '#myDrop',
        distance: 20,
        tolerance: 'pointer',

      });

      $("#myDrop").disableSelection();
    });

    //Dropzone script
    Dropzone.autoDiscover = false;
    var myDropzone = new Dropzone("div#myDrop", {
      paramName: "files", // The name that will be used to transfer the file
      addRemoveLinks: true,
      uploadMultiple: true,
      autoProcessQueue: false,
      parallelUploads: 50,
      maxFilesize: 2, // MB
      acceptedFiles: ".png, .jpeg, .jpg, .gif",
      url: "ajax/actions.ajax.php",

    });

/*Ans code*/
    myDropzone.on("sending", function(file, xhr, formData) {
      var filenames = [];

      $('.dz-preview .dz-filename').each(function() {
        filenames.push($(this).find('span').text());
      });

      formData.append('filenames', filenames);
    });

    /* Add Files Script*/
    myDropzone.on("success", function(file, message) {
      $("#msg").html(message);
      //setTimeout(function(){window.location.href="index.php"},800);
    });

    myDropzone.on("error", function(data) {
      $("#msg").html('<div class="alert alert-danger">There is some thing wrong, Please try again!</div>');
    });

    myDropzone.on("complete", function(file) {
      //myDropzone.removeFile(file);
    });

    $("#add_file").on("click", function() {
      myDropzone.processQueue();
    });
  });
</script>
<div class="dropzone dz-clickable" id="myDrop">
  <div class="dz-default dz-message" data-dz-message="">
    <span>Drop files here to upload</span>
  </div>
</div>
<input type="text" name="sortingOrder" id="sortingOrder" value="">
<button id="add_file">Add</button>