Загрузка изображений с помощью drag&drop

[agurovdev]

Задачи для фронта

Нужна возможность, посредством перетаскивания изображений в определенную область, загружать изображения. Ближайший пример использования –– галерея.

Как пример - https://www.dropzonejs.com

После перетаскивания изображения, сразу загружать на сервер его не нужно. Нужно показать превью.
Изображение должно загружаться после сабмита формы.

Должна быть возможность сортировать изображения с помощью перетаскивания превьюшки внутри блока со всеми изображениями.

Нужно иметь возможность валидировать перетаскиваемые файлы по типу.

Уже загруженные изображения нужно отобразить как превьюшки с иконкой для удаления.

Результат этой задачи должен быть добавлен в adminos-assets

Задача для бэка

1. Нужно разработать input для simple_form который будет отображать загруженные изображения.
2. Нужно добавить экшены для удаления таких изображений и сортировки.
3. Удаление будет работать сразу. Перед удаление нужно показать алерт с подтверждением.

[agurovdev]

@IPogorelova в конце спринта хотим посмотреть реализованный на фронте D&D.

Ожидаемый результат:
можно взять картинку и перетащить её в форму на странице и увидеть превью загруженной картинки.

Критерии приемки:
Пока это будут все распространенные форматы изображений без дополнительной валидации на фронте и бэкенде.