Comment vérifier si le fichier d'entrée est vide dans jQuery

Tout nouveau chez JS.
J'essaie de vérifier si l'élément d'entrée de fichier est vide lors de la soumission du formulaire avec jQuery / JavaScript. J'ai parcouru un tas de solutions et rien ne fonctionne pour moi. J'essaie d'éviter le /c/fakepath(sauf s'il n'y a pas d'autre option)

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

Cela ne fonctionne pas:

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

La seule façon d'obtenir le nom de fichier est d'utiliser ce qui suit:

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

S'il n'y a pas de fichier disponible, le code génère une erreur:

impossible de lire le nom de propriété non défini

ce qui est logique car le tableau n'est pas défini. mais je ne peux pas comprendre comment faire une gestion d'erreur avec cela.

Comment saisir correctement l'élément d'entrée du fichier videoUploadFile, vérifier s'il est vide, lancer un message d'erreur s'il est vide?

Vérifiez simplement la propriété length of files , qui est un objet FileList contenu dans l'élément d'entrée

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

En voici la version jQuery:

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

Pour vérifier si le fichier d'entrée est vide ou non en utilisant la propriété de longueur de fichier, indexdoit être spécifié comme suit:

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

Questions: comment vérifier que le fichier est vide ou non?

Ans: J'ai résolu ce problème en utilisant ce code 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>

Je sais que je suis en retard à la fête mais j'ai pensé ajouter ce que j'ai fini par utiliser pour cela - qui consiste simplement à vérifier si l'entrée de téléchargement de fichier ne contient pas une valeur de vérité avec l'opérateur not & JQuery comme ceci:

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

Notez que s'il s'agit d'un formulaire, vous souhaiterez peut-être également l'encapsuler avec le gestionnaire suivant pour empêcher l'envoi du formulaire:

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

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

}