Как вытащить из <input type="file" ...> полный путь к файлу на клиенте?

@yapopovko · Регистрация: 13.03.2010

Author24 — интернет-сервис помощи студентам

Собственно, сабж.

Пробовал метод GET вместо POST, которым обычно пользуются при использовании <input type="file" ...>, но передаётся только полное имя файла, без пути к нему.

Погуглив понял, что это сделано в целях безопасности.

Как вытащить путь? Может быть это можно сделать с помощью <input type="text">, копируя туда содержимое? Или как-то с помощью <input type="hidden">.

Добавлено через 24 минуты
UPD: попробовал использовать следующее:

Javascript

1
2
3

<input type="file" size="80" id="input_file" onChange="document.getElementById(\'input_hidden\').value=document.getElementById(\'input_file\').value " />
<input type="hidden" name="name1" id="input_hidden" /><br />
<input type="submit" name="submit" value="Отправить">

То есть создал <input type="hidden" name="name1" id="input_hidden" /> и попробовал копировать в него данные с помощью JS, но результат тот же - данных о пути к файлу нету.

Добавлено через 4 минуты
UPD2: попробовал через POST - проблема та же.

Добавлено через 16 минут
UPD3: попробовал через input type="text", оказалось, что туда не копируется путь к файлу, только его полное имя. Но здесь разные браузеры ведут себя по-разному. IE, например, копирует и путь. А вот Firefox - нет.

Vovan-VE · 03.06.2011, 15:31

yapopovko, В целях безопасности пользователя у type="file" вообще не должно быть value даже для чтения. Бразуеры могут выдавать и неправильный путь, и вообще всё, что угодно ("c:\fakepath\file.ext").

@yapopovko · 03.06.2011, 19:26 **[ТС]**

ОК, спасибо. Так и понял.
Нужно было просто, чтобы на клиенте отображалась выбранная пользователем картинка. Но тут, как оказалось, только Flash.

Пробовал скрипт:

Javascript

  // fileInput is a HTMLInputElement: <input type="file" id="myfileinput" multiple>
  var fileInput = document.getElementById("inputfile");
 
  // files is a FileList object (similar to NodeList)
  var files = fileInput.files;
 
  // array with acceptable file types
  var accept = ["image/png"];
 
  // img is a HTMLImgElement: <img id="myimg">
  var img = document.getElementById("myimg");
 
  // if we accept the first selected file type
  if (accept.indexOf(files[0].mediaType) > -1) {
      // display the image
      // same as <img src="data:image/png,<imagedata>">
      img.src = files[0].getAsDataURL();
  }

Но он только для Firefox.

Так что придётся так загружать на сервер картиночки.

Vovan-VE 13208 / 6596 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	03.06.2011, 15:31	2
	yapopovko, В целях безопасности пользователя у type="file" вообще не должно быть value даже для чтения. Бразуеры могут выдавать и неправильный путь, и вообще всё, что угодно ("c:\fakepath\file.ext"). 0

	03.06.2011, 19:26

Опции темы