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

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

от olen.shanahan , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от quinton.prosacco , год назад

@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 будет использоваться по умолчанию при передаче файла.

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

от stephania , 3 месяца назад

@olen.shanahan 

Этот код отправляет POST-запрос на сервер по указанному URL, передавая файл в формате FormData. Важно учитывать, что сервер, на который вы отправляете файл, должен быть настроен для работы с загрузкой файлов, обрабатывать такие запросы и сохранять файл на сервере по вашей логике.


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