入力ファイルフィールドにテキストフィールドを入力します

Question

これが可能かどうかさえわかりませんが、選択したファイルの値を入力で取得できる方法はありますか ファイル 入力へのフィールド 文章 分野？

このような：

Answer 1

フック change ファイルフィールドのイベント。

<form method="post" enctype="multipart/form-data">
    <input type="file" onchange="this.form.filename.value = this.value">
    <input type="text" name="filename">
</form>

jsfiddleデモ. 。 IE6/7は完全なパスを誤って提供し、他のブラウザはファイル名のみを正しく提供することに注意してください。

Answer 2

これは、新しいテキスト入力要素を作成し、 .value ファイル入力のプロパティ。

ただし、すべての最新のブラウザが保存していることに注意してください ファイル名のみ の中に value セキュリティ上の理由でプロパティ。選択したファイルの完全なパスを取得することはできません。

出典： IE8のMSDN

Answer 3

最初にファイルを自分のサーバーに保存せずにそれを行うことはできません。

ファイル入力コントロールは行われます いいえ ファイルのデータが含まれています。ブラウザは、投稿フォームの提出を介してファイルデータを送信するまで、プレースホルダーとして提供します。

あなたがファイルのパスを追いかけている場合、あなたはそれをすることもできません（Pekkaが言うように、最新のブラウザーで）。ブラウザは、その情報をクライアント側のスクリプトに提供しません。ただし、ファイル名を提供する場合があります。