Bagaimana cara memeriksa apakah file input kosong di jQuery

Merek baru di JS.
Saya mencoba memeriksa apakah elemen input file kosong saat mengirimkan formulir dengan jQuery / JavaScript. Saya telah melalui banyak solusi dan tidak ada yang berhasil untuk saya. Saya mencoba untuk menghindari /c/fakepath(kecuali tidak ada pilihan lain)

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

Ini tidak bekerja:

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

Satu-satunya cara saya bisa mendapatkan nama file adalah jika saya menggunakan yang berikut ini:

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

Jika tidak ada file yang tersedia, kode melontarkan kesalahan:

tidak dapat membaca nama properti yang tidak ditentukan

yang masuk akal karena lariknya tidak disetel. tetapi saya tidak tahu bagaimana melakukan penanganan kesalahan dengan ini.

Bagaimana cara mengambil elemen input file dengan benar videoUploadFile, memeriksa apakah kosong, menampilkan pesan kesalahan jika kosong?

Cukup periksa properti length files , yang merupakan objek FileList yang terdapat pada elemen input

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

Ini adalah versi jQuery-nya:

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

Untuk memeriksa apakah file input kosong atau tidak dengan menggunakan properti panjang file, indexharus ditentukan seperti berikut:

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

Saya tahu saya terlambat ke pesta tetapi saya pikir saya akan menambahkan apa yang akhirnya saya gunakan untuk ini - yaitu hanya memeriksa apakah input unggahan file tidak mengandung nilai yang sebenarnya dengan operator not & JQuery seperti ini:

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

Perhatikan bahwa jika ini dalam formulir, Anda mungkin juga ingin membungkusnya dengan penangan berikut untuk mencegah formulir dikirim:

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

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

}

Pertanyaan: bagaimana cara memeriksa File kosong atau tidak?

Jwb: Saya telah mengatasi masalah ini menggunakan kode Jquery ini

//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>