Нужна помощь с input type="file"

[sasha3611]

Скажите как сделать что бы при выборе картинки был ее пред просмотр в

<div class='user-photo'>
<img src='/img/avatar662258_1.gif' alt=''>
</div>

Мой код html:
<div class='user-photo'>
<img src='/img/avatar662258_1.gif' alt=''>
</div>
<div class="file-upload">
<label>
<input type="file" name="file">
<span>Выбрать файл</span>
</label>
</div>

[Nexus]

Может так:
$('[type="file"]').change(function() {
if (this.files.length && !!window.URL)
$('.user-photo img').attr('src', URL.createObjectURL(this.files[0]));
});
https://jsfiddle.net/onqfc3gu/

Нужно проверку типа файла прикрутить.

[laimas]

if (this.files.length

А это интересно - как может получится когда при выборе получится 0 файлов? :)

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