Как использовать Axios для отправки запросов multipart/form-data в JavaScript

Вот несколько методов, которые вы можете использовать с Axios для отправки запросов multipart/form-data:

  1. Использование API FormData. Вы можете создать новый объект FormDataи добавить к нему пары ключ-значение, включая данные файла. Затем вы можете передать этот объект FormDataв качестве полезных данных запроса в Axios.

Пример:

const formData = new FormData();
formData.append('file', file); // 'file' is the key, and 'file' variable contains the actual file data
axios.post('/upload', formData, {
  headers: {
    'Content-Type': 'multipart/form-data',
  },
});
  1. Использование axios.create: вы можете создать экземпляр Axios с настраиваемой конфигурацией, включая заголовки для запросов multipart/form-data.

Пример:

const axiosInstance = axios.create({
  headers: {
    'Content-Type': 'multipart/form-data',
  },
});
axiosInstance.post('/upload', formData);

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