javascript - クリックする方法ファイル閲覧をトリガーする要素？

Question

1 回のクリックでファイルの参照がトリガーされる要素が必要<button>です (つまり、 のクリック イベント<input type="file">)。ボタンの外観に影響を与えずにそれを達成する方法はありますか?

Answer 1

ファイル入力でクリックイベントを手動でトリガーできます。

$('button').click(function(e) { 
   e.preventDefault();
   $('input[type=file]').click();
});

例: http://jsfiddle.net/UxFM4/2/

Answer 2

css/html ハックに頼る代わりに、入力のスタイルをボタンのスタイルに合わせることができます。

はtype=file一意であり、ボタンのように見えるようにエミュレートすることはできません (ボタンは中央にテキストを配置し、型パラメーターを持たないため)。本当にそれを行う必要がある場合は、javascript または css を使用してボタンのように見せます (パスを非表示にするため)。

ボタンのみにしてパスを非表示にするためにフィドルをトリミングします（cssを使用するとスタイルを設定できます） Chromeはこれのみです。