Как загрузить файл на сервер через xhr, javascript?

Пользователь

от urban_will , в категории: JavaScript , 6 месяцев назад

Как загрузить файл на сервер через xhr, javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от yasmine , 6 месяцев назад

@urban_will 

Файл можно загрузить на сервер через XMLHttpRequest (XHR) в JavaScript, используя объект FormData и методы XHR. Вот пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
// Создаем новый объект XMLHttpRequest
var xhr = new XMLHttpRequest();

// Создаем объект FormData
var formData = new FormData();

// Получаем файл из элемента  с идентификатором "fileInput"
var fileInput = document.getElementById("fileInput");
var file = fileInput.files[0];

// Добавляем файл в FormData
formData.append("file", file);

// Открываем соединение и отправляем запрос на сервер
xhr.open("POST", "здесь_указываем_URL_для_загрузки_файла", true);
xhr.send(formData);


В приведенном коде "fileInput" является элементом HTML типа "file" для выбора файла, а "здесь_указываем_URL_для_загрузки_файла" должен быть заменен на URL, указывающий на серверную сторону, которая будет обрабатывать загружаемый файл.


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