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

时间:2018-09-10 07:16:00

标签: reactjs axios cloudinary

我遇到一个奇怪的问题,上传函数返回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))

正如我上面提到的,这是另一个组件中完全相同的精确复制和粘贴代码,可以完美地工作。你们可以帮我吗,谢谢!!

1 个答案:

答案 0 :(得分:0)

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

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