$ _FILES пуст, когда я загружаю изображения с javascript

Question

У меня есть форма для редактирования существующих данных, но по какой-то причине загружаемые мной изображения не обнаруживаются в переменной var $ _FILES.

var $ _FILES обнаруживает данные, только если я загружаю больше изображений вручную (без javascript код).

Вот мой код для загрузки изображений в форму.

// This images are loaded after the query is executed and then 
// I take this images and insert in the form.
var images = document.getElementsByClassName("image-product");   
var dataTransfer = new DataTransfer();

for (let image of images) {
  fetch(image.src).then(res => res.blob()).then(blob => {
    var file = new File([blob], image.id, blob);
    dataTransfer.items.add(file);
    listImagesForm.push(file);
  });
}

var iptImg = document.getElementById("ipt-image");
iptImg.files = dataTransfer.files;

Но если я go выхожу на консоль и выполняю команду: document.getElementById ( "ipt-image"). files Я вижу информацию обо всех файлах.

EDIT:

Код, который я использую для отправки формы, прост:

<form class='form-validate' action='./database/db_product.php?action=update' method='POST' enctype='multipart/form-data'>;
  <input type="file" multiple class="custom-file-input" id="ipt-image" name="ipt-image[]">
  <button type="submit" class="btn btn-lg btn-primary">Save</button>
</form>

Я снова помню, что если я загружу больше изображений после этого, они будут добавлены к существующим, и $ _FILES обнаружит все изображения.