javascript - ファイルのアップロード-HTMLのカスタマイズ

Question

[アップロード]ボタンをクリックしたときにファイルを参照するにはどうすればよいですか？

隠しファイル入力を作成する必要がありますか？

詳細説明：

htmlフォームの入力タイプファイルのcssを編集できません。したがって、ブラウザごとに異なるレイアウトがあります。欲しくない。フォームをカスタマイズしたい。

ボタンを作成しました。ボタンをクリックすると、ファイル選択画面が表示されます。ファイルを選択して[OK]を押すと、作成した入力にファイルのパス文字列を入力したいと思います。

Answer 1

詳細を教えてください。filehtmlフォーム要素を使用する必要があります。

このfile要素を使用すると、ローカルドキュメントを自然に参照できます。

添付ファイルを処理するには、次のようなプログラミング言語を知っている必要があります。php

Answer 2

私はこのコードで私の問題を解決しました：

<div class="input-append">
    <label for="showpath">File Upload:</label>
    <input id="showpath" type="text" onclick ="javascript:document.getElementById('CommentFile').click();"/>
    <button type="button" onclick ="javascript:document.getElementById('CommentFile').click();"></button>
    <input type="file" name="data[Comment][file]" id="CommentFile" style='visibility: hidden;' onchange="updateInput(this.value,'showpath')"/>
</div>

Answer 3

<input type='file' />

w3schoolsで詳細をご覧ください。