Как отправлять массив данных на сервер?

Question

[Farazendasss]

const send = new FormData();
        ImageResizer.createResizedImage(image, 600, 600, 'JPEG', 100)
            .then((res) => RNFS.readFile(res.uri, 'base64'))
            .then((res) => {
                let string = 'data:image/jpeg:base64,'.concat(res);
                send.append('link', string);
                send.append('tags', listTags); // === ['array','array','array']
                console.log(send)

               
                return axios.post('https://', send)
            })
            .then((res) => {
                const array = Object.values(res.data)
                categoryList(array);
            })
        navigation.navigate('Category')
    }

Получаю фотку от пользователя -> преобразовываю ее в base64 -> достаю теги из state, отправляю фотку и теги на сервер.
Без тегов работает нормально,а с тегами нет. Подскажите что я не так делаю ?

Comments

[Роман Александрович]

возможно нужно отправлять не как массив а как строку.

[Farazendasss]

Роман Александрович,
Стреляю постманом ,все нормально

[Роман Александрович]

Farazendasss, а что приходит в ответе от сервера при загрузке с телефона?

[Шохрух Шаймардонов]

Что выводит console.log(send)?
И если я правильно вас понимаю, то у вас listTags это массив. А надо преобразовать в строку

З.ы. читайте по ссылке:
https://developer.mozilla.org/ru/docs/Web/API/Form...

[Farazendasss]

Шохрух Шаймардонов,

{"_parts": [["link", "data:image/jpeg:base64,/9j/4AAQSkZJRgABAQAAAQABAAD/..."], ["tags", [Array]]]}

это я получаю в консоль,и дальше код не работает, просто постоянно крутится индикатор.

[Farazendasss]

Роман Александрович,

{"_parts": [["link", "data:image/jpeg:base64,/9j/4AAQSkZJRgABAQAAAQABAAD/..."], ["tags", [Array]]]}

это я получаю в консоль,и дальше код не работает, просто постоянно крутится индикатор.

[Farazendasss]

Шохрух Шаймардонов, То есть если сервер ждет массив ,все равно надо преобразовать в строку ?
У бека спрашивал ,что от меня ждет сервер ,он сказал что массив

[Шохрух Шаймардонов]

Farazendasss, ну вот. Вам надо распарить ваш [Array]. Т.к. вы не показали как получаете свой listTags больше этого ничем не смогу помочь

[Роман Александрович]

Farazendasss, попробуйте передать массив строкой.

[Шохрух Шаймардонов]

Farazendasss, так вы и отправляете серверу массив. Точнее массив массивов, в которых вложенные массивы хранят по 2 элемента. 1й - ключ, 2 значение, если это рассмотреть как объект. И в этих массивах вы можете передать ТОЛЬКО строку. Все что не строка, будет преобразовано в нее. В вашем случае js как смог преобразовал ваш массив в строку и получилось "[Array"]

[Farazendasss]

Роман Александрович, преобразовал в строку и все получилось ,спасибо

[Farazendasss]

Шохрух Шаймардонов, преобразовал в строку и все получилось ,спасибо

Answer 1

[Александр Черемхин]

Без преобразований

...
send.append('link', string);
listTags.forEach(tag => send.append('tags[]', tag);
console.log(send)
...

Answer 2

[Роман Александрович]

попробуйте передать массив строкой.