Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   куда помещается файл (https://javascript.ru/forum/css-html/71785-kuda-pomeshhaetsya-fajjl.html)

atanov 12.12.2017 13:49

куда помещается файл
 
Доброго времени.

что-то никак не дотумкаю, как добраться до файла.

Есть кнопка
button.type = 'file'
, понятно, что при её нажатии открывается окно с выбором файла. Выбираю файл, далее 'OK', файл типа куда-то прицепился. А как теперь к нему подобраться, зная скажем id этой кнопки? Например, чтобы имя посмотреть, размер, отправить на сервер и т.д.

Nexus 12.12.2017 14:15

Вы уверены, что используете тег "button", а не "input"?
<input type="file" id="file"/>
<button type="button" id="button">click</button>
<script>
document.getElementById('button').onclick=function(){
    console.log(
        document.getElementById('file').files
    );
};
</script>

atanov 12.12.2017 15:52

Цитата:

Сообщение от Nexus
Nexus

Да, сорри, не туды думаю. Действительно input
document.createElement('input')
тип 'file'.

А у .files есть какие-нибудь подмножества, навроде имени файла и под каким соусом ентот файл можно впиндюрить в XMLHttpRequest(), чтобы отослать куда-нибудь?

рони 12.12.2017 16:03

atanov,
FormData

Nexus 12.12.2017 16:05

atanov, files - экземпляр класса FileList.

Файл можно отправить на сервер с помощью FormData или FileReader (с FormData я еще не работал).

atanov 13.12.2017 12:02

Nexus, рони, спасибо большое.

Alexandroppolus 13.12.2017 13:54

Одинокий файл можно просто отправить на сервер, передав в метод send у XMLHttpRequest, например.

atanov 13.12.2017 20:21

Alexandroppolus, а вот как, никак не разберусь. Если можно пример скрипта. Через FormData, разобрался, получается отправлять и на сервере обрабатывать.


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