Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Нужна помощь с input type="file" (https://javascript.ru/forum/jquery/72505-nuzhna-pomoshh-s-input-type%3D-file.html)

sasha3611 02.02.2018 17:48

Нужна помощь с input type="file"
 
Скажите как сделать что бы при выборе картинки был ее пред просмотр в
<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 02.02.2018 17:54

Может так:
$('[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 02.02.2018 18:24

Цитата:

Сообщение от Nexus
if (this.files.length

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

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


Часовой пояс GMT +3, время: 16:55.