以下のコードのようなファイル入力要素があります。jQueryを使用してこのファイル入力コントロールのボタン部分を取得するにはどうすればよいですか?
<input type="file" name="FILE1" id="FILE1"></input>
できません。ボタン部分はブラウザ固有です。
ファイルの入力動作はブラウザの制御下にあり、ファイルのアップロードの防止などのセキュリティ関連の問題を引き起こす操作を行っているため、これは不可能です。ただし、不透明度をに設定し、file input
代わり0
にダミー要素を作成し、click
次をクリックしてファイル入力のイベントをトリガーすることができます。
$("#trigger").click(function(e) {
e.preventDefault();
$("input[type='file']").trigger("click");
})