web-dev-qa-db-ja.com

「ファイルを選択」を「参照」に変更する方法

<input type="file" />のデフォルト値を[ファイルの選択]から[参照]に変更したい。どうやってするか？

htmlfileinputtypes
22
user634850

非表示にし、他のコントロールを使用してトリガーします。

<a href="#" onclick="document.getElementById('fileID').click(); return false;" />Browse</a>
<input type="file" id="fileID" style="visibility: hidden;" />
23
fubo

方法を示すためにjsFiddleを作成しました。ここで見つけることができます： Custom browse button

6
dalvarezmartinez1

別のソリューションを次に示します。ファイルタイプの入力フィールド（ボタン）を非表示にし、コンテンツを変更できる別の通常のボタンタイプの入力フィールド（ボタン）を配置-最初のファイルボタン（下のボタン）をトリガーするには、JavaScriptで2番目の通常のボタン（上のボタン）をクリックします。

→ Howto Style the Button of the input type = "file" Control

3
sbrbot