使用 axios 将图像直接上传到云



>我遇到了一个奇怪的问题,上传函数返回 400 错误,而在另一个组件中使用相同的代码,它就像一个魅力

handleSubmit = (e) => {
e.preventDefault()
var url = "https://api.cloudinary.com/v1_1/my_image_server/image/upload";
const formData = new FormData();
formData.append("file", this.state.img);
formData.append("upload_preset", "the_correct_preset"); 
formData.append("api_key", "the_correct_key");
formData.append("timestamp", (Date.now() / 1000) | 0);
return axios.post(url, formData, {
headers: {
"X-Requested-With": "XMLHttpRequest"
}
})
.catch(err => console.log("There has been ERROR: " + err))

正如我上面提到的,这与另一个组件中的复制和粘贴代码完全相同,可以完美运行。你们能帮帮我吗,提前谢谢!

400 在请求的语法不是预期的时发生。

您是否检查了提供给请求正文的每个值?例如this.state.img的值。

最新更新