Форум Сайтостроение Веб-строительство

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

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

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


...

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

...

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

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

Спасибо!

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

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

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

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

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

Joomla. Не уверен - Яндекс не любит bootstrap? Не работает JavaScript в
R
На сайте с 03.08.2012
Offline
131
revered
#2

Это же для bootstrap?

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

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

неактивная кнопка Скрипт для проверки, что wordpress elementor = тонны
siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#3

onchange

десять onchange

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

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

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

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

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