Cách kiểm tra xem tệp đầu vào có trống trong jQuery không

Hoàn toàn mới đối với JS.
Tôi đang cố gắng kiểm tra xem phần tử đầu vào tệp có trống không khi gửi biểu mẫu bằng jQuery / JavaScript. Tôi đã trải qua một loạt các giải pháp và không có gì phù hợp với tôi. Tôi đang cố gắng tránh /c/fakepath(trừ khi không có lựa chọn nào khác)

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

Điều này không hoạt động:

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

Cách duy nhất tôi có thể lấy tên tệp là nếu tôi sử dụng như sau:

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

Nếu không có tệp nào có sẵn, mã sẽ gây ra lỗi:

không thể đọc tên thuộc tính của undefined

điều này có ý nghĩa vì mảng không được đặt. nhưng tôi không thể tìm ra cách thực hiện bất kỳ xử lý lỗi nào với điều này.

Làm cách nào để lấy phần tử đầu vào tệp đúng cách videoUploadFile, kiểm tra xem nó có trống không, đưa ra thông báo lỗi nếu nó trống?

Chỉ cần kiểm tra độ dài của thuộc tính tệp , đó là đối tượng FileList có trên phần tử đầu vào

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

Đây là phiên bản jQuery của nó:

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

Để kiểm tra xem tệp đầu vào có trống hay không bằng cách sử dụng thuộc tính độ dài tệp, indexnên được chỉ định như sau:

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

Câu hỏi: làm thế nào để kiểm tra File trống hay không?

Trả lời: Tôi đã giải quyết vấn đề này bằng cách sử dụng mã Jquery này

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

Tôi biết mình đã đến bữa tiệc muộn nhưng tôi nghĩ rằng tôi sẽ thêm những gì tôi đã sử dụng cho việc này - chỉ đơn giản là kiểm tra xem đầu vào tải lên tệp có chứa giá trị trung thực hay không với toán tử not & JQuery như vậy:

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

Lưu ý rằng nếu đây là một biểu mẫu, bạn cũng có thể muốn bọc nó bằng trình xử lý sau để ngăn biểu mẫu gửi đi:

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

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

}