How to check an input type=“file” has a file or not using jquery?

Question

I have a file upload control <input id="File1" type="file" /> in my page... How to check an input type="file" has a file or not using jquery on click of a button upload?

Answer 1

if (jQuery('#File1').val()) { /* There are files */ }

Answer 2

You should use "required" instead of JQuery. By just one attribute it'll check input=file has file or not. Example:

<input type="file" required/>

Answer 3

$('#upload').bind('click', function(e){
   if( $('#File1').val() != ""){
       // file selected
   }
   else{
       // no file selected
   }
});