javascript - 尝试将图像发布到 Cloudinary 时,我不断收到错误请求错误
问题描述
axios
我正在尝试使用and将图像上传到 cloudinary 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
错误响应。如下所示:
解决方案
我不知道这是否是您的代码的忠实副本,或者为了隐藏发布的问题中的敏感信息而对其进行了更改,但据此,您将backdropCroppedImageUrl
作为“cloud_name”附加到 formData 而不是设置它在“文件”上,在“文件”中你正在设置一个字符串。
推荐阅读
- php - 按 WooCommerce 中浏览次数最多的方式对所有产品进行排序和显示
- c# - 如何将非 www 域重定向到 Azure 上托管的 asp.net mvc 中的 WWW 域?
- java - Eclipse、Maven:-source 8 不支持模块(使用 -source 9 或更高版本来启用模块)
- html - 为什么我的按钮被点击后消失了
- python - Python 请求请求与预期不同的 instagram 链接
- r - 如果行中的第一个值符合特定条件,有没有办法过滤掉行。R
- java - 使用继承和多态来实例化 Thread 子类的对象的主要区别是什么?
- python - 按 nan 值过滤 numpy 数组的 pandas 数据框列
- delphi - 具有 TStrings 属性的组件在字符串列表编辑器中禁用了“代码编辑器”
- amazon-web-services - 如何在部署期间使用非 AWS 资源扩展 AWS CDK