Как проверить входной файл пустым, а также отобразить предупреждение, если формат png выбран с помощью jquery

У меня есть загрузка входного файла, нужно проверить, какой файл загружен/если файл не выбран клиентом с помощью jquery.

<input type="file" name="files" id="file1" style="color:White" />
<input type="submit" value="Create" />

Проверка должна запускаться при нажатии кнопки отправки.

Ответ 1

См. образец, который я создал:

http://jsfiddle.net/G7xke/

<form>
<input type="file" name="files" id="file1" style="color:White" />
<input type="submit" value="Create" />
</form>
<button value="check" id="check" name="check" >check</button>

И JavaScript:

$("#check").click(function(){
    var fileName = $("#file1").val();
    if(fileName.lastIndexOf("png")===fileName.length-3)
        alert("OK");
    else
        alert("Not PNG");
})

Ответ 2

Вы предпринимали какие-либо попытки сделать это?

$('input[type="file"]').val()

Ответ 3

Эта демонстрация работает в IE9 + Chrome:

http://jsfiddle.net/brdFq/

используя JQuery, вы получите val();

Быстрая реализация здесь:

function hasFile(selector){
    //if there is a value, return true, else: false;
    return $(selector).val()? true: false;
}

Ответ 4

Тестирование для...

$('#file1')[0].files.length == 0

... работает для меня в Chrome. JQuery на самом деле даже не нужен, поскольку исходный HTML-элемент (возвращаемый [0] в объекте jQuery) предоставляет доступ к списку файлов.