Прямая загрузка изображений в облачный каталог с помощью axios - PullRequest
Новая
       12

Прямая загрузка изображений в облачный каталог с помощью axios

0 голосов
/ 10 сентября 2018

У меня странная проблема, когда функция загрузки возвращает ошибку 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 голосов
/ 10 сентября 2018

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

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

...