Пример загрузки изображений на сервер через Ajax, с несколькими окошками для загрузки

.

В данном примере мы рассмотрим возможность загрузки нескольких изображений и сохранение их на стороне сервера. Также реализуем возможность удаления.





Скрипт прост, для наглядности в самый раз, единственное что лень не позволила мне допилить обработку такой ситуации: например когда вы удалили ячейку, она освободилась, когда вы загружаете новое изображение в пустую ячейку, оно должно загружаться в пустую ячейку, у меня же загружается в последнюю, а вы думали я вам взял и выложил прям полностью готовый скрипт), конечно его нужно слегка допилить, у меня просто не хватило терпения реализовать остальную логику, так как я уже начал запиливать его под загрузку в базу данных, но все же для новичка подобная практика будет полезна:

А вот вам и стили которые я использовал:

Единственное что вам нужно будет не забыть создать папку Files и закинуть себе gif файл для отображения пред загрузки и иконку удаления.

Вот так получилось:

Перед загрузкой Пример загрузки изображений на сервер через Ajax, с несколькими окошками для загрузки

послеЗагрузки Пример загрузки изображений на сервер через Ajax, с несколькими окошками для загрузки