Come verificare se uno dei tipi di input di file ha un valore?

Question

Ho molti di questi tipi di ingresso:

<input type="file" name="file_upload"> 

E quando il pulsante di invio viene cliccato, voglio controllare tramite JS se uno di questi campi non sono vuoti (in altre parole, v'è almeno un file caricato).

Ecco il mio codice che non funziona:

$('#upload-button').live('click', function() { 
    var has_selected_file = $('input[type=file]').val(); 

    if (has_selected_file) { 
    /* do something here */ 
    } 
    else { 
    alert("No file selected"); 
    } 
}); 

Questo avvisa sempre no file selezionato.

Answer 1

Usa .filter() a findout elemento di input con un valore, e controllare la lunghezza

$('#upload-button').live('click', function() { 
    var has_selected_file = $('input[type=file]').filter(function(){ 
     return $.trim(this.value) != '' 
    }).length > 0 ; 

    if (has_selected_file) { 
     /* do something here */ 
    } 
}); 

Answer 2

si può solo fare:

var has_selected_file = $.trim($('input[type=file]').val()); 

if (has_selected_file != "") { 
    /* do something here */ 
} 
else { 
    alert("No file selected"); 
} 

Answer 3

Hai provato a gestire change invece di click?

Sembra lavorare qui:

jQuery - Detecting if a file has been selected in the file input