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

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.

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