<input type='file'> でファイルの場所を非表示にする方法は?[重複]

Question

この質問にはすでにここに答えがあります:

閉まっている 8年前.

重複の可能性:
HTML ファイルのアップロードでテキスト フィールドを非表示にする方法

ユーザーがファイルを選択し、AJAX でプレビューし、送信ボタンをクリックして選択内容を保存できるようにする AJAX 画像アップローダーを設定しています。

私の AJAX アップローダーの動作方法により、ユーザーが画像を選択してプレビューした後でも、常に「ファイルが選択されていません」と表示されます。ユーザーが再試行したい場合に備えてボタンを非表示にしたくありません。JavaScript を使用して「ファイルを選択」ボタンと「別の選択」ボタンまたは同様のものを切り替えることができることはわかっていますが、ユーザーがさまざまなボタンをクリックする必要がないように、元のボタンだけを維持したいと考えています。ボタン。

編集：私の質問は明らかだと思っていましたが、僅差の票を得ているのでそうではなかったのだと思います...

Answer 1

要件を理解していると仮定して、次を参照してください この記事. 。これは JS の修正ですが、すでに AJAX を使用しているため問題はないと思います。

ファイル入力のスタイルを設定できるため、少し創造力を発揮すれば、ファイル入力を非表示にすることができるはずです。 no file chosen 文章。