Форумы портала PHP.SU :: Версия для печати :: Загрузка изображения AJAX

1. RageXL - 24 Августа, 2013 - 00:15:36 - перейти к сообщению

Есть такая форма и обработчик action.php к ней.

CODE (html):
скопировать код в буфер обмена

<form id="my_form" method="post" action="" enctype="multipart/form-data">
<span class="namename">Название</span>
<input type="text" id="brand" name="brand" class="place-input" value="">
<span class="namename">Изображение</span> 
<input type="file"  id="image "name="image" class="place-input"  value="">
<input type="submit" id="submit" name="B1" value="Добавить" class="place-button">
</form>

Нужно чтобы пользователь вписывал имя картинки, потом выбирал саму картинку -> появляется маленькое превью картинки, затем когда он нажимает кнопку добавить данные из формы передаются в обработчик.

Подскажите пожалуйста как реализовать это используя AJAX. Может у кого то есть конкретный пример ?

P.S. в jquery я темный.