ファイル入力タイプの1つに値があるかどうかをチェックする方法は？

Question

私はこれらの入力タイプの多くを持っている：

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

、送信ボタンをクリックしたときに、私は1つのこれらのフィールドが空でない場合はJS経由で確認したい（つまり、少なくとも1つのファイルがあるのですアップロードされました）。ここで

は動作しません私のコードです：

$('#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"); 
    } 
}); 

これは、常に何のファイル選択を警告していません。

Answer 1

使用.filter()は、値を入力要素をfindout、長さ

$('#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

をチェックするためにあなただけ行うことができます：

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

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

Answer 3

をあなたはchange代わりのclickを処理しようとしましたか？

それはここで働いているようだ：

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