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?

Eleen

Uhm, can you not just get the input element and then politely ask it for its "type" attribute? – Pentatomic

Answer 1

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

Agate

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

Bonds

not working for me, form still got sent with an empty field. – Hindoo

Answer 3

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

Letourneau