javascript - ファイルをアップロードするためのカスタム参照ボタン

Question

こんにちは、現在、[参照] と [インポート] という 2 つのカスタム ボタンがあります。テキストとしての入力タイプもあります。私の質問は、レコードを参照して選択し、入力タイプのテキストに配置する方法です

お知らせ下さい

<input type="button" id="btnBrowse" value="Browse" onclick="document.getElementById('fileID').click(); return false" style="height:31px; font-size:14px; background-color:#3399FF" class="k-button" />
       <input type="submit" id="btnSubmit" value="Import" style="height:31px; font-size:14px; background-color:#3399FF" class="k-button" />
       <input type="text" id="fileName" class="file_input_textbox" readonly="readonly">

Answer 1

ただし、他のほぼすべての html 要素をカスタマイズできます。完全な解決策は次のとおりです。

<input id="btn" type="file" style="display:none;" onchange="document.getElementById('file').value=this.value.substring(this.value.lastIndexOf('\\')+1);">

<input id="file" type="text" style="width:200px;">

<input type="button" onclick="document.getElementById('btn').click();" value="click me" />

Answer 2

もちろん、ファイル入力ボタンのスタイルを設定できます。これは、SOで何度も何度も取り上げられてきました。例:ラベル付けファイル アップロード ボタン。

Answer 3

あなたが使用することができます

<input type="file"/>