2016-12-15 11 views
0

入力タイプのクリックイベントを手動で呼び出しています:ファイル。手動のクリックイベントをキャプチャする方法

HTML

<input onChange={this.displayFilePath} className="invisible" type="file" id="logo"/> 

JS

$('#logo').click(); 

私はJavaScriptで手動でクリックイベントを呼び出していなかった場合、私はそうのようなクリックイベントメソッド内のファイルデータを取り込むことができ:

let file = event.target.files[0]; 

私の質問は:クリックイベントを手動で操作することで、ファイルを取り除くことができるようにeventをキャプチャするにはどうすればよいですか?

ありがとうございます。

+1

ハンドラ内の 'event.currentTarget'で十分です。 – moonwave99

+3

クリックを使用しないでください。変更を使用します。クリックイベントは、ファイルが選択される前に呼び出されます。実際のファイルが変更されたときに変更が呼び出されます。 –

答えて

3

この意味は?クリックイベントについての質問が

$('#logo').click(function(event) { 
    console.log(event); 
    //whatever you want with the event 
}); 

あなたはそれが入力されたボタンがクリックされたときに関数を呼び出すのではなく、選択された後にファイルの詳細をキャプチャすることができます

$('#logo').on("change", function(event) { 
    console.log(event); 
    //whatever you want with the event 
}); 

変更を使用することができます。

+0

'file'コレクションにアクセスできないclickイベントを購読します。 OPが必要とするものではないでしょうか。 – dfsq

+0

私はReactJSを使用していますので、私は無名関数を使用しませんでしたが、このコンセプトは私をフィニッシュラインにしました。ありがとう!!!!!!!!!!! – nikotromus

関連する問題