HTML
<input type="file" style="display: none" id="uploadme" /> <br />
<input type="button" id="clickme" value="Upload Stuff!" />
jQuery
$(function(){
$('#clickme').click(function(){
$('#uploadme').click();
if( $("#uploadme").val()=='') {
alert("empty");
}
});
});
ユーザーが「Upload Stuff!」をクリックすると、ボタンをクリックすると、アップロードするファイルがウィンドウに表示されます。ユーザーが開いたウィンドウのキャンセル ボタンをクリックすると、入力フィールドは空になり、それ以外の場合は非表示の入力フィールドに選択したファイルが含まれます。非表示の入力フィールドが空かどうかを検出しようとしていました。入力フィールドが空の場合、つまりユーザーがキャンセルして何も添付したくない場合は、何かをしなければなりません。同様に、ユーザーがいくつかのファイルを選択した場合、別のことをしなければなりません。
上記のコードで、入力フィールド (id="uploadme") が空かどうかを確認するにはどうすればよいですか?
jsfiddle で実行中のコードは次のとおりです。