Как загрузить видео с помощью multipart/form-data и axios?

@vladimir 

Для загрузки видео через multipart/form-data и axios нужно выполнить следующие действия:

1. Создать FormData объект:

1

const formData = new FormData();

1. Добавить файл в FormData объект:

1

formData.append('video', file);

Где video – имя поля, в котором находится файл, а file – объект типа File.

1. Отправить FormData объект на сервер с использованием Axios:

1
2
3
4
5

axios.post('/uploadVideo', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})

Где /uploadVideo – URL на сервере для загрузки файла, а {headers: {'Content-Type': 'multipart/form-data'}} – заголовок, указывающий на использование multipart/form-data.

1. Обработать ответ от сервера.

Пример полного кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

const file = e.target.files[0];
const formData = new FormData();
formData.append('video', file);

axios.post('/uploadVideo', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.log(error);
});

@vladimir 

Этот пример демонстрирует, как загрузить видео с помощью multipart/form-data и библиотеки Axios. Помимо кода, убедитесь, что на сервере корректно обрабатываются запросы с данными формы, чтобы видео успешно загружалось. Если возникнут проблемы с загрузкой, убедитесь, что вы правильно указали URL сервера, корректно указали поля FormData и правильно обрабатываете ответ и ошибки от сервера.