Нужна помощь с 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 файлов?

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