Как вывести загружаемые изображения на страницу по мере загрузки на сервер?

Question

[Nikolay Matyushkin]

Всем привет. Собственно вопрос: есть форма для загрузки изображений на сервер (в заданную папку). Надо, чтобы загружая изображение на страницу, оно сразу же появлялось внизу. Следующее изображение за ним, и так далее. Максимум, что у меня получалось, это выводить одно, только что загруженное, изображение. при следующей загрузке, оно менялось на новое загруженное изображение.

Подскажите, что можно предпринять? Спасибо заранее.

Comments

[ink]

а если просто вывести все изображения из папки ?

Answer 1

[Denis]

Буквално недавно Какую библиотеку использовать для загрузки изображений и видео?
Нюанс плагин грузит файлы моментально поэтому надо позаботится о чистке директории

Answer 2

[Evgeny Zaharov]

Вы это без js хотите сделать?) Вам нужен AJAX. При отправке формы перехватываете event, посылаете ajax-запрос с нужными вам данными (изображения можно передавать через объект FormData), на сервере все это принимаете, делаете нужные действия, и отправляете оттуда ответ (echo) с нужным header. Например, можно отправить html-текст, в котором новый элемент списка картинок. И наконец, добавляете этот элемент в конец списка с помощью свойства success ajax-запроса (ну или выводите ошибку с помощью свойства error)
Если хотите чтобы картинки по очереди появлялись на странице, можно отправлять по ajax-запросу для каждого загруженного файла, но тогда они могут загружаться не по очереди из-за разного размера. Чтобы все было по порядку, нужно применять более сложную механику.