Как проверить, пуст ли входной файл в JQuery

Совершенно новый для JS.
Я пытаюсь проверить, является ли элемент ввода файла пустым при отправке формы с помощью jquery/javascript. Я прошел через множество решений, и для меня ничего не работает. Я пытаюсь избежать /c/fakepath (если нет другого варианта)

<input type="file" name="videoFile" id="videoUploadFile" />

это не работает:

var vidFile = $("#videoUploadFile").value;

единственный способ получить имя файла - использовать следующее:

var vidFile = document.getElementById("videoUploadFile").files[0].name;

Если файла нет, код вызывает ошибку: cannot read property name of undefined что имеет смысл, потому что массив не установлен. но я не могу понять, как с этим справиться.

Как правильно захватить элемент ввода файла videoUploadFile, проверить, пуст ли он, вывести сообщение об ошибке, если оно пусто?

Ответы

Ответ 1

Просто проверьте размер свойства files, который является FileList объектом, содержащимся на входе элемент

if( document.getElementById("videoUploadFile").files.length == 0 ){
    console.log("no files selected");
}

Ответ 2

Вот версия jQuery:

if ($('#videoUploadFile').get(0).files.length === 0) {
    console.log("No files selected.");
}

Ответ 3

Чтобы проверить, пуст ли входной файл или нет используя длину файла с помощью jQuery, нам нужно использовать index следующим образом:

var vidFileLength = $("#videoUploadFile")[0].files.length;

Ответ 4

Вопросы: как проверить файл пустым или нет?

Ans: У меня есть эта проблема, используя этот код JQuery

//If your file Is Empty :     
      if (jQuery('#videoUploadFile').val() == '') {
                       $('#message').html("Please Attach File");
                   }else {
                            alert('not work');
                   }

    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id="videoUploadFile">
<br>
<br>
<div id="message"></div>