Поле ввода файла для ввода текстового поля
-
02-10-2019 - |
Вопрос
Я даже не знаю, возможно ли это или нет, но есть ли метод, вы можете взять значение выбранного файла на входе файл поле к вводу текст поле?
Как это:
Решение
Крючок на 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 неправильно дает полный путь, в то время как другие браузеры правильно дают только имя файла.
Другие советы
Это должно быть возможно путем создания нового текстового элемента ввода и заполнить его .value
свойство ввода файла.
Обратите внимание, однако, что все современные браузеры хранят Только имя файла в value
собственность по соображениям безопасности. Вы не сможете получить полный путь выбранного файла.
Источники: MSDN на IE8
Вы не можете сделать это без сначала хранить файл на своем собственном сервере.
Управление вводом файла делает нет содержать данные файла. Ваш браузер предоставляет его вам в качестве заполнителя до тех пор, пока вы не отправите данные файла через подачу формы Post.
Если вы ищете путь к файлу, вы также не можете этого сделать (в современных браузерах, как говорит Пекка). Браузер не дает эту информацию для сценариев на стороне клиента. Это может обеспечить имя файла, однако.