Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   <input type="file" /> (https://javascript.ru/forum/css-html/48795-input-type%3D-file.html)

andrey888 17.07.2014 13:10

<input type="file" />
 
Если у нас есть на странице
<input type="file" />

то мы увидим кнопку обзор. При нажатии на "обзор" выбираем файл и его имя появляется около этой кнопки.
Тип файла - картинка.
Куда после выбора файла он помещается .. можноли после того как я его выбрал вставить его в src картинки чтобы она сразу появилась ..
или без отправки формы (Submit) тут никак не сделать .. ?

рони 17.07.2014 13:34

Цитата:

Сообщение от andrey888
можноли после того как я его выбрал вставить его в src картинки чтобы она сразу появилась ..

http://javascript.ru/forum/dom-windo...tml#post262697

http://javascript.ru/forum/dom-windo...tml#post263319

andrey888 17.07.2014 14:14

рони
я так понимаю что это вывод после загрузки на сервер - то есть после Submit .. в этом проблем нет .. проблема вывести только когда нажал на кнопку обзор чтобы появилось не только имя выбранного файла но и сма картинка ... где хранится полный адрес этой картинки, чтобего взять и вставить в сорц.. ?

рони 17.07.2014 14:20

Цитата:

Сообщение от andrey888
я так понимаю что это вывод после загрузки на сервер

где тама сервер?
Цитата:

Сообщение от andrey888
чтобы появилось не только имя выбранного файла но и сма картинка

тама разве не так?

andrey888 17.07.2014 14:38

да все так спасибо за пример .. только ты скажи откуда брать адрес картинки которую мы выбрали ... на нативном JavaScript .. Не охото из за пары строк подключать герлянду изфреймворка JQuery ..

andrey888 17.07.2014 14:54

ок с value разобрался . повесил на onchange функцию - и все ок .. пока не могу понять как вывести ПОЛНЫЙ путь к выбранному файлу (читай картинке)

andrey888 17.07.2014 15:03

this.files[0]. а дальше что ? src и value не дают путь к файлу...

andrey888 17.07.2014 15:18

почему то в IE this.value выдает полный путь на машине клиента .. и все появляется как надо .. FireFox выдает в this.value только само имя файла (1919191.jpg) а как получить полный путь как на IE чтобы его в src потом загнать ??? ...

рони 17.07.2014 15:18

andrey888,
если нужно только имя картинки то можно так
https://developer.mozilla.org/en-US/.../API/File.name

рони 17.07.2014 15:21

Цитата:

Сообщение от andrey888
чтобы его в src потом загнать

:-? https://developer.mozilla.org/en-US/....readAsDataURL


Часовой пояс GMT +3, время: 20:00.