Лол, разве нет способа добавить больше бонусов? : D

установить.files собственностью<input type="file"> элемент кFileList например, из другого<input type="file"> элемент.files собственность илиDataTransfer.files свойство. ВидетьСделать .files настраиваемым # 2866, Что происходит между загрузкой файла в форму HTML и его отправкой?.

FileList объект имеетSymbol.iterator свойство, которое мы можем использовать, чтобы установитьFile объект, который является итеративным, однако.files .length все еще настроен на0 и прохождение<form> имеющий<input type="file"> установить где.files устанавливается с использованием вышеуказанного подхода даетFile объект, имеющий.size установлен в0.

Как установитьFile вFileList и установить.length изFileList на количество файлов, где файлы установлены вFormData() объект?

const input = document.createElement("input");

const form = document.createElement("form");

const [...data] = [
  new File(["a"], "a.txt")
, new File(["b"], "b.txt")
];

input.type = "file";

input.name = "files";

input.multiple = true;
// set `File` objects at `FileList`
input.files[Symbol.iterator] = function*() {
   for (const file of data) {
     yield file
   };
};

form.appendChild(input);

const fd = new FormData(form);

for (const file of input.files) {
  console.log(file); // `File` objects set at `data`
}

for (const [key, prop] of fd) {
  // `"files"`, single `File` object having `lastModified` property
  // set to a time greater than last `File` object within `data`
  // at Chromium 61, only `"files"` at Firefox 57
  console.log(key, prop); 
}

console.log(input.files.length); // 0