Я получаю сообщение об ошибке запроса при попытке отправить изображение в Cloudinary

Question

Я пытаюсь загрузить изображение в облачное хранилище, используя axios и react.У меня есть две функции.Один для добавления formData, а другой для отправки запроса

// APPEND CLOUDINARY DETAILS
export function appendCloudinaryDetails(fileUrl){
  let formData = new FormData();
  formData.append("api_key", 'APIKEYHERE');
  formData.append("api_secret", 'APISECRETHERE');
  formData.append("file", 'fileUrl');
  formData.append("cloud_name", fileUrl);
  formData.append("upload_preset", "rhi2i6xg");    
  return formData;
}

// STORE THE DATA ON CLOUDINARY
export function storeOnCloudinary(formData){
  return () => {
    return axios.post("https://api.cloudinary.com/v1_1/my-company/image/upload", formData,{
      headers: { "X-Requested-With": "XMLHttpRequest", "Allow-Control-Allow-Origin": "*" },
    });
  }
}

И вот как я его использую:

// Append Cloudinary Details
let formData = appendCloudinaryDetails(this.state.backdropCroppedImageUrl);

// Store the backdrop on Cloudinary
this.props.storeOnCloudinary(formData).then(
   response => {
     ...
   }
);

Но выполнение этого дает мне 400 ответ об ошибке,Как показано ниже:

Answer 1

Я не знаю, является ли это точной копией вашего кода, или она была изменена, чтобы скрыть конфиденциальную информацию в опубликованном вопросе, но в соответствии с этим вы добавляете к форме данных backdropCroppedImageUrl как«cloud_name» вместо того, чтобы устанавливать его в «file», а в «file» вы устанавливаете строку.