Будни JS - стажера⁠⁠

Платформа : Хабр - фриланс
Заработок : 0 руб

Потраченное время : 3 часа

Введение:

Стараюсь находить заказы на разных фриланс платформах, которые мог бы выполнить используя весь свой рюкзак знаний (до багажа еще далековато).

Описание заказа гласило : "Необходимо поправить скрипт загрузчика файлов так, чтобы можно было удалять загруженные файлы. На данный момент скрипт удаляет файлы, но не удаляет их из списка загруженных. Ссылка на скрипт"

После 5 минутного изучения кода была найдена причина недовольства заказчика.

Краткое описание проблемы:

Скрипт загружал изображения через input, и добавлял их в отдельный контейнер для предпросмотра, под изображение добавлялась кнопка "Удалить".

По нажатию кнопки "Удалить", загруженное изображение удалялось из контейнера предпросмотра, но из списка FileList нет.

Путь решения проблемы:

Поскольку скрипт удалял изображения только из DOMа, но не из FileList, необходимо добраться до содержимого этого объекта. К сожалению FileList имеет свойство read-only. Поэтому правильнее было бы добавлять изображения в объект который можно было бы изменять. На поиск как это сделать у меня и ушло все оставшееся время.

Итог:

После 3 часов поисков информации, к сожалению мне не удалось решить проблему с удалением загруженных файлов из FileList, но в целом получил представление как это можно сделать.

Вот к примеру :

Добавлять изображения по одному в отдельный массив, и добавить кнопку которая бы очищала этот массив

Добавлять изображения в JSON объект

P.S. Хотелось бы почитать возможные пути решения этой проблемы, и как настоящие тру Seniorы реализуют столь важную функцию в своих проектах.