尝试将图像发布到 Cloudinary 时，我不断收到错误请求错误答案

【问题标题】：I keep getting a Bad request error when trying to post Image to Cloudinary尝试将图像发布到 Cloudinary 时，我不断收到错误请求错误
【发布时间】：2019-05-15 22:10:38
【问题描述】：

我正在尝试使用 axios 和 react 将图像上传到 cloudinary。我有两个功能。一个用于附加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 错误响应。如下图：

【问题讨论】：

服务器有响应吗？而且我希望你发布的不是你真正的 api_key 和 api_secret...
您要上传的文件有多大，服务器允许的最大文件上传大小是多少？

标签： javascript node.js reactjs cloudinary

【解决方案1】：

我不知道这是您代码的忠实副本，还是为了隐藏发布问题中的敏感信息而对其进行了更改，但据此，您将 backdropCroppedImageUrl 附加到 formData 作为'cloud_name' 而不是在 'file' 上设置它，而在 'file' 中你设置的是一个字符串。

【讨论】：