How to Check if an Input File Is Empty Or Not Using JQuery or Javascript

In this article, you will learn how to check if an input file is empty or not using Jquery or javascript. There are various ways to check if an input file is empty or not.

Here are some examples to check if an input file is empty or not Using JQuery or Javascript.

Example 1: Using Javascript

In this example, we use the element.files.length property in javascript to check if a file is selected or not. If the element.files.length property returns 0, this means the file is not selected, otherwise the file is selected.

Here is an example to check if an input file is empty or not using javascript.

Example 1: Using Javascript

      
TutorialsRack
 
Click on the button to see if any file is selected or Not!
  
 
 click here   

Example 2: Using Jquery

In this example, we used the element.files.length property in Jquery to check if a file is selected or not. If the element.files.length property returns 0, this means the file is not selected, otherwise the file is selected.

Here is an example to check if an input file is empty or not using Jquery.

Example 2: Using Jquery

       
TutorialsRack
 
Click on the button to see if any file is selected or Not!
  
 
 click here   

Example 3: Another Approach Using JQuery

In this example, we used the element.val() method to check if an input file is empty or not. If the element.val() equals empty('') string, this means the file is not selected, otherwise the file is selected.

Here is an example to check if an input file is empty or not using JQuery.

Example 3: Another Approach Using JQuery

       
TutorialsRack
 
Click on the button to see if any file is selected or Not!
  
 
 click here   

I hope this article will help you to understand how to check if an input file is empty or not using Jquery or javascript.

Share your valuable feedback, please post your comment at the bottom of this article. Thank you!