Множественная загрузка файлов через drag and drop при отправке формы. Без аякса

#php #javascript #html #post #drag_n_drop

Суть вопроса:

Имеется форма подачи объяления. Необходимо загрузить фотографии через драг энд дроп.
Но сделать это нужно при отправке всех полей формы, т.е. за раз. Фотографии должны
загружатся без аякса, т.к. обявления на сервере на момент загрузки иображений еще нет.
Есть ли возможность реализовать такой функционал?
Браузер запрещает джаваскриптом изменять отправляемые файлы.
    

Ответы

Ответ 1

Решение вашей задачи:

Статья

https://css-tricks.com/drag-and-drop-file-uploading/

Демо

https://css-tricks.com/examples/DragAndDropFileUploading/

Для вас подойдет режим Submit On Demand

Вся необходимая и пошаговая инструкция присутствует в статье, можно дополнительно
передавать кастомные данные и отправлять форму обычным post multipart/form-data запросом.