使用axios直接上传图片到cloudinary

Question

我遇到了一个奇怪的问题，上传功能 return 出现 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))

正如我上面提到的，这是在另一个组件中完全相同的复制和粘贴代码，它可以完美运行。大家能不能帮帮我，先谢谢了！

Answer 1

400 当请求的语法不符合预期时发生。

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

使用axios直接上传图片到cloudinary

Direct image upload to cloudinary using axios

cloudinary

reactjs

axios