Как правильно реализовать загрузку изображений?

Question

[Денис Букреев]

Такие дела.

Есть дропзона, самописная. Можно дропать, можно кликать и вызывать окно выбора файлов.
Сама форма состоит из нескольких этапов: ввод данных, изображение, пара чекбоксов, проверка и отправка формы (на каждое действо свой таб)

Вот я наконец все сделал, кроме загрузки изображений.

1 вопрос: как правильно добавлять всю инфу в БД?
На данный момент план таков: при отправке сначала создается юзер со всеми данными, приходит ответ, далее заливаются картинки в отдельную таблицу, где указывается id юзера, полученный в ответе.

2 вопрос: как быть вообще с добавлением картинок через дропзону?
При клике все понятно - юзер выбирает нужные картинки, они проходят проверку, добавляются в input
А вот при дропе непонятно куда запехивать дропнутые изображения. Хорошо бы в input, чтобы все было в одном месте, но не понимаю как, ибо input.files не массив ни разу.

Answer 1

[Stalker_RED]

input.files не массив ни разу

Это FileList и он readonly, через js в него ничего не запихнуть.

Файлы можно поместить в FormData и ajax'ом отправить.

Comments

[Денис Букреев]

теек
а если у меня класс дропзоны и класс отправки формы - два изолированных модуля?
какой костыль можно придумать, чтоб передать файлы из дропзоны в класс отправки формы?

[Stalker_RED]

Денис Букреев, эм... "переменная"? Пусть дропзона пишет в массив а класс отправки его читает.

[Денис Букреев]

Stalker_RED, все изолированно друг от друга ведь
класс отправки не видит дропзону, дропзона не видит класс отправки

это меня и печалит в данном подходе программирования

[trushka]

А глобальная область видимости не?

Answer 2

[mrspd]

Дропзона - это и есть input type=file. Можете просто сабмитить форму.