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

Question

[Andrew9205]

Как реализовать подобную загрузку изображений?
Есть ли готовые решения/плагины для этого?

Answer 1

[Алексей Юдов]

Вот хороший вариант. Изменить стиль не составит труда.

Answer 2

[Alams Stoyne]

Есть и много но лучше чем FileAPI я пока не встретил.

Answer 3

[georgich]

Приветствую.
Я задавал такой же вопрос: Как реализовать загрузку изображений, как на avito?
Сам гуглил, находил и предложенный вариант TCloud. В итоге остановился на платном https://innostudio.de/fileuploader/ и ни чуть не жалею.

Answer 4

[Северное Сияние]

Если хочется сделать самому, без всяких плагинов, то одиночная загрузка - это сабит формы с target="iframe" в

<iframe width="0" height="0" name="iframe"></iframe>

после загрузки из iframe отдаем через window.parent либо ошибки, либо путь к превью, которое и показываем

Comments

[Andrew9205]

Т.е. изображение загружается на сервер до сабмита формы?
Да и iframe - сомнительное решение

Сейчас обычно отображают через canvas до загрузки на серв

[Северное Сияние]

Andrew9205, да, до сабмита. После успешной загрузки js-ом рисуется очередной скрытый инпут с ID загруженного изображения, полученного из iframe. При самбите формы делается привязка изображений к сущности. Кроном удаляются изображения, не привязанные к сущностям.

[Andrew9205]

Северное Сияние, еще и cron...
Для простой формы с аплоадом изображений)

[Северное Сияние]

Andrew9205, ну если у вас это улыбку вызывает, чего тогда спрашиваете? делайте как считаете нужным.

[Andrew9205]

Северное Сияние, выше уже есть замечательные решения
Там все реализовано без предварительной загрузки на сервер