Помогите с загрузкой изображений

R
На сайте с 03.08.2012
Offline
131
323

Здравствуйте, есть форма в которую можно загружать изображения:


...
<input type="file" name="foto_add[]" id="foto_add" multiple />
...

Мне нужно, чтобы после выбора файлов, сразу на странице без перезагрузки показывались эти изображения в блоке ниже. А когда нажимаешь submit, загружались уже на сервер в папку. Я не смог найти jquery обработчик события "выбрать файл". Подскажите, как это можно сделать, какие плагины использовать для этого?

P.S. также если выбрали изображения, но потом не отправили форму, допустим закрыли вкладку, нужно их удалить с сервера.

Спасибо!

R
На сайте с 18.12.2009
Offline
92
#1

Мне подобная реализация была нужна на одном bootstrap проекте.

Стандартный bootstrap фреймворк это не умеет, но! - http://jasny.github.io/bootstrap/javascript/#fileinput

Смотрите - Image upload widgets

В принципе, Вы можете просто в разделе Customize выбрать только то, что нужно и скачать.

R
На сайте с 03.08.2012
Offline
131
#2

Это же для bootstrap?

---------- Добавлено 15.11.2013 в 22:25 ----------

Как повесить js событие на "выбрать файл", можно сделать кнопку "загрузить", но а без неё, чтобы выбирали файл и сразу выполнялся нужный мне js..

siv1987
На сайте с 02.04.2009
Offline
427
#3

onchange

десять onchange

R
На сайте с 18.12.2009
Offline
92
#4

Да, это bootstrap, но никто Вам не мешает переписать стили css свой проект.

Вы можете взять реализацию за основу.

siv1987 также ответил выше.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий