入力ボタンをファイル選択ウィンドウにリンクするにはどうすればいいですか? [重複] 質問する

重複の可能性あり:
JQuery トリガー ファイル入力

私は、ユーザーが Web サイトに画像をアップロードできるフォームを作成中です。これまでのところ、Chrome と Safari で動作するドラッグ アンド ドロップ ソリューションを用意しました。ただし、ユーザーがボタンをクリックして従来の方法でファイルを参照する操作もサポートする必要があります。

次のような動作になります:

<input type="file" name="my_file">

ただし、扱いにくいファイルの説明領域と編集できない参照ボタンを使用するよりも、次のようなものを使用することをお勧めします。

<input type="button" id="get_file">

type="file"したがって、私の質問は、このボタンでファイル選択ウィンドウを開き、動作と同じように選択を処理するにはどうすればよいかということです。

乾杯。

私の解決策

HTML:

<input type="button" id="my-button" value="Select Files">
<input type="file" name="my_file" id="my-file">

#my-file { visibility: hidden; }

$('#my-button').click(function(){
    $('#my-file').click();
});