Input type=file с превью.

Есть форма обычная <form>...</form>
Как в ней внедрить input type=file таким образом, чтобы при выборе картинки отображалось ее превью?

посвятите, что вы понимаете род "отображалось ее превью".

я понимаю под этим выбор картинки элементом <input type="file"> и чуть ниже (к примеру) после выбора отображается уменьшенная копия изображения, при этом сам инпут работает нормально в составе формы при сабмите.

при выборе - никак
только после аплоада

-----
Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore

после аплоада элемент <input type="file"> очищается в общей форме, вот что непонятно

т.е. мы в форме в инпуте выбираем файл, он сабмитится, подгружается превью, а <input> становится пустым, и его уже не передать. а он read only. вот в чем проблема. в теории.

если он уже засабмитился зачем его куда то передавать. Он уже передан

-----
Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore

alxfro, сделать это фитчей.
После загрузки на сервер и отображения превью сделать выбор действия: оставить(переименовать, засунуть в нужную папку) или загрузить другую. Это самый просто вариант.
Более сложные - гуглить на тему асинхронной загрузки файлов, но зачем мучатся дольше, если все равно файл нужно отправлять на сервер?

(Отредактировано автором: 30 Августа, 2012 - 10:07:47)

Теоретически можно попытаться сделать как Вы указали--> HTML5 FILE API, но практически поддержка есть не во всех браузерах. Так что решайте сами

Ясно. Без велосипеда не разберешься. Я надеялся, есть уже готовые инструменты для выбора файла с превью в форме.

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