javascript - ファイル入力でイベントを動的に開始

Question

の参照ボタンを動的に「クリック」する方法を探していinput type="file".ます。onclickイベントを含むボタンがあります。このボタンをクリックするとinput type="file",、のonchangeイベントがinput type="file"フォームを送信します。ファイルが選択されています。しかし、「クリック」する方法がわかりませんinput type="file"。

Answer 1

必要なのは、目的の要素のクリックハンドラーから要素のclick関数を呼び出すことだけです。input

<input type="file" id="files" name="files[]" multiple />
<div id="clickme">Click Me to Open File Browser</div>

document.getElementById('clickme').onclick = function() {
   document.getElementById('files').click(); 
}

これは、実際に動作していることを示すために機能しているJSFiddleです。