@zkrvndm
Боты, парсеры, расширения

Как создать коллекцию файлов FileList?

Если вы попытайтесь это сделать в лоб:
var file_list = new FileList();

То обнаружите, что это запрещено на уровне настроек браузера:
Uncaught TypeError: Illegal constructor

И даже в документации вы не найдете ответа, так как согласно ей FileList в принципе недоступна на запись.

Однако, способ все же существует и есть лайфхак, который позволяет создавать свои коллекции, об этом ниже.
  • Вопрос задан
  • 217 просмотров
Решения вопроса 1
@zkrvndm Автор вопроса
Боты, парсеры, расширения
Лайфхак для создания коллекции файлов FileList:
// Создадим простой текстовый файл:
var data = 'Здесь текст для файла или положите в переменную Blob';
var file = new File([data], 'primer.txt', {type: 'text/plain'});

// Создаем коллекцию файлов:
var dt = new DataTransfer();
dt.items.add(file);
var file_list = dt.files;

console.log('Коллекция файлов создана:');
console.dir(file_list);

// Вставим созданную коллекцию в реальное поле:
document.querySelector('input[type="file"]').files = file_list;

В переменную data вместо текста, можно положить в том числе и Blob - это особенность функции new File() которая первым параметром может принять как массив из текстов, так и массив из Blob.

Фактически лайфхак выше позволяет нам JavaScript-ом скачать любой какой угодно файл со своего сайта и вставить его абсолютно в любое поле <input type="file"> - что просто архиполезно для браузерных ботов.

Также способ выше можно применить для редактирования уже выбранных пользователем файлов. Например, если надо из поля выбора файлов убрать какие-то определенные файлы и при этом не фиктивно, а реально.

Огромное спасибо пользователю Mmx Symfony, который нарыл это решение где-то в недрах иностранных сайтов. Сам я в свое время сколько не искал везде был ответ, что это невозможно, а оказалось, что нихрена подобного =)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы