Как можно с помощью javascript передать файл на сервер?

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

от olen.shanahan , в категории: JavaScript , 8 месяцев назад

Как можно с помощью javascript передать файл на сервер?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от quinton.prosacco , 8 месяцев назад

@olen.shanahan 

Вы можете передать файл на сервер, используя XMLHttpRequest или fetch API в JavaScript. Вот пример использования XMLHttpRequest:

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

// Устанавливаем метод POST и адрес сервера
xhr.open('POST', '/upload', true);

// Создаем новую форму данных
var formData = new FormData();

// Добавляем файл в форму данных
formData.append('file', file);

// Посылаем запрос на сервер
xhr.send(formData);


Замените /upload на URL сервера, который будет обрабатывать загрузку файла. file - это переменная, содержащая файл, который вы хотите передать на сервер.


Если вы хотите использовать fetch API, вот пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
fetch('/upload', {
  method: 'POST',
  body: formData
})
.then(response => {
  // Обработка ответа от сервера
})
.catch(error => {
  // Обработка ошибки
});


Обратите внимание, что multipart/form-data будет использоваться по умолчанию при передаче файла.