Cómo verificar si el archivo de entrada está vacío en jQuery

Nuevo en JS.
Estoy tratando de verificar si el elemento de entrada del archivo está vacío al enviar el formulario con jQuery / JavaScript. He pasado por un montón de soluciones y nada me funciona. Estoy tratando de evitar el /c/fakepath(a menos que no haya otra opción)

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

Esto no funciona:

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

La única forma en que puedo obtener el nombre del archivo es si uso lo siguiente:

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

Si no hay ningún archivo disponible, el código arroja un error:

no se puede leer el nombre de la propiedad de indefinido

lo que tiene sentido porque la matriz no está configurada. pero no puedo averiguar cómo hacer ningún manejo de errores con esto.

¿Cómo tomo correctamente el elemento de entrada del archivo videoUploadFile, verifico si está vacío, arrojo un mensaje de error si está vacío?

Simplemente verifique la propiedad de longitud de archivos , que es un objeto FileList contenido en el elemento de entrada

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

Aquí está la versión de jQuery:

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

Para comprobar si el archivo de entrada está vacío o no mediante el uso de la propiedad de longitud del archivo, indexdebe especificarse de la siguiente manera:

var vidFileLength = $("#videoUploadFile")[0].files.length;
if(vidFileLength === 0){
    alert("No file selected.");
}

Preguntas: ¿cómo comprobar si el archivo está vacío o no?

Respuesta: He resuelto este problema usando este código 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>

Sé que llego tarde a la fiesta, pero pensé en agregar lo que terminé usando para esto, que es simplemente verificar si la entrada de carga del archivo no contiene un valor veraz con el operador not y JQuery así:

if (!$('#videoUploadFile').val()) {
  alert('Please Upload File');
}

Tenga en cuenta que si está en un formulario, es posible que también desee ajustarlo con el siguiente controlador para evitar que se envíe el formulario:

$(document).on("click", ":submit", function (e) {

  if (!$('#videoUploadFile').val()) {
  e.preventDefault();
  alert('Please Upload File');
  }

}