Как отправить массив, состоящий из объектов с файловым объектом в скрытом виде ввода?

Question

У меня есть массив объектов. Каждый объект состоит из объекта файла. Я отправляю этот оригинальный массив в скрытом виде ввода. Моя цель состоит в том, чтобы создать этот массив в бэкэнде, а затем загрузить изображение, присутствующее в каждом объекте массива. Мой оригинальный массив:

    (2) [{…}, {…}]
     0: file: File {name: "Quotefancy-22132-3840x2160.jpg", lastModified: 1560527929855, 
                    lastModifiedDate: Fri Jun 14 2019 21:28:49 GMT+0530 (India Standard Time), 
                      webkitRelativePath: "", size: 2256046, …},
          index: "2",
         is_panaromic: "0",
          master_room_id: "4",
          __proto__: Object
      1: {file: File, 
          is_panaromic: "0", 
          master_room_id: "3", 
          index:"1"}
      length:2
      __proto__: Array(0)

Сначала я попробовал это При нажатии кнопки отправки:

$("#submitUser").on('click', function(eventObj) {
    console.log(imageContainer);
      $("<input />").attr("type", "hidden")
          .attr("name", "data")
          .attr("value",imageContainer) //imageContainer is above array
          .appendTo("#vt-form");
      return true;
  });

Когда я напечатал это в бэкэнде, он возвращает data как Object Object

Так что теперь я изменил эту логику c на

$("#submitUser").on('click', function(eventObj) {
        console.log(imageContainer);
          $("<input />").attr("type", "hidden")
              .attr("name", "data")
              .attr("value",  JSON.stringify(imageContainer)) //JSON STRINGIFY ADDED
              .appendTo("#vt-form");
          return true;
      });

Теперь, когда я напечатал это в backend возвращает data свойство, но file object становится пустым

Пожалуйста, ведите меня