0

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 で実行中のコードは次のとおりです。

4

1 に答える 1