3

以下のような入力要素にファイルがアップロードされたときに、jQuery で検出できる方法はありますか。

<input type='file' name='filex' id='filex' style="height: 2.3em" size="23" />

ファイルを開くダイアログが開く前に要素がクリックされたときではなく、ファイルが要素に配置 (アップロード) されたときのイベントを探しています。フォームを送信してからファイルサーバー側を取得できることは承知していますが、確認時にフォームが送信される前にユーザーにサムネイルを表示したいと考えています。

ありがとう。

4

2 に答える 2

3

入力はfileファイルが選択されていない状態で開始され、ユーザーの操作なしではファイルを選択できないため、 (イベントchange()を使用して) メソッドを使用することをお勧めします。change

$('input:file').change(
    function(e){
        console.log('file "' + path.split('\\').pop(); + '" selected.');
    });

参考文献:

于 2012-12-02T11:59:34.133 に答える
1 
var fileInput = document.getElementById('filex');

fileInput.onchange = function(e){
    if(e.target.files.length > 0)
        // File uploaded
}
于 2012-12-02T12:07:24.350 に答える