Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.12.2017, 13:49
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

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

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

Есть кнопка
button.type = 'file'
, понятно, что при её нажатии открывается окно с выбором файла. Выбираю файл, далее 'OK', файл типа куда-то прицепился. А как теперь к нему подобраться, зная скажем id этой кнопки? Например, чтобы имя посмотреть, размер, отправить на сервер и т.д.
Ответить с цитированием
  #2 (permalink)  
Старый 12.12.2017, 14:15
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

Вы уверены, что используете тег "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>
Ответить с цитированием
  #3 (permalink)  
Старый 12.12.2017, 15:52
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

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

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

Последний раз редактировалось atanov, 12.12.2017 в 16:11.
Ответить с цитированием
  #4 (permalink)  
Старый 12.12.2017, 16:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

atanov,
FormData
Ответить с цитированием
  #5 (permalink)  
Старый 12.12.2017, 16:05
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

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

Файл можно отправить на сервер с помощью FormData или FileReader (с FormData я еще не работал).
Ответить с цитированием
  #6 (permalink)  
Старый 13.12.2017, 12:02
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

Nexus, рони, спасибо большое.
Ответить с цитированием
  #7 (permalink)  
Старый 13.12.2017, 13:54
Аватар для Alexandroppolus
Профессор
Отправить личное сообщение для Alexandroppolus Посмотреть профиль Найти все сообщения от Alexandroppolus
 
Регистрация: 25.10.2016
Сообщений: 1,012

Одинокий файл можно просто отправить на сервер, передав в метод send у XMLHttpRequest, например.
Ответить с цитированием
  #8 (permalink)  
Старый 13.12.2017, 20:21
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно сохранить загруженный файл? 2chan Node.JS 10 03.04.2016 23:11
Преобразование Base64 в файл в IndexedDb pakskiy Общие вопросы Javascript 4 15.04.2015 13:26
Куда сохранится script src=.... на пк клиента panamaboot Events/DOM/Window 3 08.09.2012 09:11
Не работает файл htacces kilogram Серверные языки и технологии 16 17.04.2012 20:57
Как можно достать файл из <input type="file"/> преобразовать файл в base 64 maxcab Events/DOM/Window 2 28.06.2011 22:52