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

问题描述 投票:1回答:1

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

正如我上面提到的,这是在另一个完美无缺的组件中完全相同的复制和粘贴代码。请你们帮帮我,谢谢!

reactjs axios cloudinary
1个回答
0
投票

当请求的语法不是预期的时候会发生400。

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

© www.soinside.com 2019 - 2024. All rights reserved.