webdevqa.jp.net

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

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

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

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

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

3
sbrbot