Прямая загрузка изображений в облако с помощью 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))

Как я уже упоминал выше, это тот же самый точный код копирования и вставки в другом компоненте, который работает безупречно. Ребята, не могли бы вы помочь мне, заранее спасибо!

Привет, вы проверили каждое значение, которое вы указываете в теле вашего запроса? например, значение this.state.img.

t3__rry 10.09.2018 10:02

Боже мой, это была проблема, как я неосторожен со мной, большое спасибо!

Phạm Quang Mẫn 10.09.2018 10:13

чувак, ты спас мне день, я не могу поверить, что целыми днями бился головой, не думая об этом в первую очередь! Вы должны написать ответ и получить несколько очков стека, вы их заработали!

Phạm Quang Mẫn 10.09.2018 10:15

Эхе, я рад, что это помогло вам, я поставлю это в ответ, спасибо;)

t3__rry 10.09.2018 12:46
3
4
531
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

400 происходит, когда синтаксис запроса не соответствует ожидаемому.

Проверяли ли вы каждое значение, которое указываете в теле запроса? например, значение this.state.img.

Другие вопросы по теме