Поле ввода файла для ввода текстового поля

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 DEMO. Анкет Обратите внимание, что IE6/7 неправильно дает полный путь, в то время как другие браузеры правильно дают только имя файла.

Answer 2

Это должно быть возможно путем создания нового текстового элемента ввода и заполнить его .value свойство ввода файла.

Обратите внимание, однако, что все современные браузеры хранят Только имя файла в value собственность по соображениям безопасности. Вы не сможете получить полный путь выбранного файла.

Источники: MSDN на IE8

Answer 3

Вы не можете сделать это без сначала хранить файл на своем собственном сервере.

Управление вводом файла делает нет содержать данные файла. Ваш браузер предоставляет его вам в качестве заполнителя до тех пор, пока вы не отправите данные файла через подачу формы Post.

Если вы ищете путь к файлу, вы также не можете этого сделать (в современных браузерах, как говорит Пекка). Браузер не дает эту информацию для сценариев на стороне клиента. Это может обеспечить имя файла, однако.