Не работает file upload?

Question

[Александр]

Здравствуйте! Прошу помощи. Мучаюсь уже несколько дней. Не работает простейшая проверка загрузки файла:

В js:

$('#upload').on('change', function () {
        console.log($(this).files);
    });

В html:

<div class="form-group">
    <p>Добавить фото</p>
    <input type="file" name="files" class="hidden-upload" id="upload" multiple>
</div>

В консоль приходит undefined... Может кто знает, что не так? Заранее спасибо!

Answer 1

[sutkin main]

$('#upload').on('change', function(e){
if(e){
console.log('have a file');
}else{
console.log('oops still have a problem');
}
})

Comments

[Александр]

Спасибо) Проверка сработала, но как вывести сам файл в консоль?
console.log(this.files) = undefined
console.log($(this).files) = undefined

[sutkin main]

Александр: console.log(e) он вернет вам значение, только потом его обработать нужно будет!

Answer 2

[Иван Татауш]

Если нужно узнать количество загруженных файлов.

$('#upload').on('change', function () {
    console.log(this.files.length);
});

Comments

[Александр]

Выводит undefided:(

[Иван Татауш]

Александр: не может такого быть ) https://jsfiddle.net/c7kz4cnp/

[Иван Татауш]

Иван Татауш: тебе нужно название файла количество?

[Александр]

Иван Татауш: выше уже ответил) Похоже конфликт какой-то. Спасибо большое! Извиняюсь, что запудрил мозги)

[Александр]

Иван Татауш: Я хотел вообще реализовать загрузку файлов через ajax с превьюшками, посмотрел туториалы, пытался сделать и получалась такая шляпа, поэтому лучше сейчас тогда сделаю отдельно от проекта и потом буду интегрировать)
Спасибо большое еще раз!!!

[Иван Татауш]

Александр: у меня тоже были таке траблы) благо дизайн поменяли и отказались от этой идеи