Как я могу передать "dropzone" файлы элемента div и все входные данные формы с ним?

Question

В настоящее время я создаю проект с Codeigniter и пытаюсь превратить определенный элемент "div" формы в интерактивную + сортируемую зону сброса и передать изображения со всеми входными данными, но я не смог найти ничего полезного в Интернете, Я новичок в jquery, ajax-программировании, так что прости меня за любые ошибки!

Вот моя форма:

<form method="post" id="createPetEntry" enctype="multipart/form-data">
 <div class="container">

   <div class="row">
    <div class="col-md">
     <div class="form-group input-group input-group-sm">
      <div class="input-group-prepend">
       <span class="input-group-text field-req"><i class="fas fa-address-card"></i></span>
      </div>
     <input type="text" class="form-control" id="personName" name="personName" placeholder="Your name" value="">
    </div>
   </div>
   <div class="col-md">
    <div class="form-group input-group input-group-sm">
     <div class="input-group-prepend">
      <span class="input-group-text field-req"><i class="fas fa-phone"></i></span>
     </div>
    <input type="number" min="0" class="form-control" id="personPhone" name="personPhone" placeholder="Your phone num" value="">
   </div>
  </div>
 </div>

 <div class="row">
  <div class="col-md-12 col-sm-12">
   <div class="dropzone sortable" id="my-dropzone">

   </div>
  </div>
 </div>


 </div>
</form>

И мой JS пока

Dropzone.options.myDropzone = {
 paramName: "images", // Custom input name
 url: 'create_pet_entry', // The controller for uploading the data
 uploadMultiple: true,
 autoProcessQueue: false,
 addRemoveLinks: true
};

Обратите внимание, что единственным учебным пособием, которое я нашел, было отключение функции "clickable" во всей форме, но я не хочу, чтобы форма была только "drag n 'drop".

Спасибо...