Всем привет Вопрос про FormData По истории искала, ответ на свой вопрос

Question

React Native — русскоговорящее сообщество

Всем привет Вопрос про FormData По истории искала, ответ на свой вопрос

не нашла

Вот отправляю я FormData
formData.append('dataFile’, file), где file имеет тип:
{
uri: string;
name: string | null;
copyError?: string;
fileCopyUri: string | null;
type: string | null;
size: number | null;
}

А что получит бэк? Именно картинку бинарную или просто мои поля?
В нетворке вижу, что улетает [Object object] :///

#mobile #programming #reactnative #russian

0

19.05.2023

11 ответов

22 просмотра

Maria Автор вопроса

Nikita Sinyavin
Объект FormData позволяет создать набор пар ключ/з...

спасибо большое! во всех примерах просто передают урл к файлу в FormData и делают вид, что это работает и что они передают файл… Это и конфузило очень + в вебе вроде бы в FormData сразу бинарное значение отправляется из исходного файла (могу ошибаться. если и отправляется, значит, оно так сразу и затягивается через файл пикер)

0

19.05.2023

Sergei Shemshur

бек должен получить файл, не набор полей

0

19.05.2023

Nikita Sinyavin

Sergei Shemshur
бек должен получить файл, не набор полей

Бек получает объект FormData с полем dataFile и значением поля file Другое дело, что бек самомстоятельно разбирает формдату (в node js используют multer например) и грузит файл к себе

0

19.05.2023

Maria Автор вопроса

Nikita Sinyavin
Бек получает объект FormData с полем dataFile и зн...

много примеров типа этого либо я не так понимаю фразу “Code for the File Upload in React Native”, либо они отсылают просто данные о файле, но не сам файл https://aboutreact.com/file-uploading-in-react-native/

0

19.05.2023

Nikita Sinyavin

Maria
много примеров типа этого либо я не так понимаю фр...

Можно попробовать самостоятельно преобразовать свой файл в Blob и отправить так formData.append("image", imageBlob, "image.png");

0

19.05.2023

Maria Автор вопроса

Nikita Sinyavin
Можно попробовать самостоятельно преобразовать сво...

а в статье выше в итоге на бэк не отправляется сам файл, да? или я слоу….

0

19.05.2023

Nikita Sinyavin

Maria
а в статье выше в итоге на бэк не отправляется сам...

https://metanit.com/web/nodejs/10.1.php Там есть пример того, что получает сервер по факту (метаданные о файле) Далее происходит волшебство/чудо/черная магия и файл загружается

0

19.05.2023

Maria Автор вопроса

Nikita Sinyavin
https://metanit.com/web/nodejs/10.1.php Там есть п...

воистину волшебство надо будет затестить хоть это дело нормально, удостовериться так сказать, пока не увижу - не поверю 😂 Спасибо вам, Никита)

0

19.05.2023

Nikita Sinyavin

Maria
воистину волшебство надо будет затестить хоть это ...

Угу, лучше простое приложение на экспрессе по гайду развернуть и самостоятельно пощупать

0

19.05.2023

Sergei Shemshur

Nikita Sinyavin
Бек получает объект FormData с полем dataFile и зн...

А как контент файла попадает в запрос, при том что в форм дату я положил только uri файла? Я так понимаю сам рн под капотом это? https://gist.github.com/shema102/39541007c917e416d06c87d03f8d841f

0

19.05.2023

Nikita Sinyavin · Accepted Answer

Объект FormData позволяет создать набор пар ключ/значение и передать их, используя XMLHttpRequest. Объект FormData предназначен для передачи данных форм, однако может быть использован для передачи пар ключ/значение независимо от форм. Данные передаются в том же формате, как и данные, передаваемые методом submit() формы, с установленной кодировкой enctype="multipart/form-data". Соответственно бек получит набор пар k/v

169 похожих чатов

Всем привет Вопрос про FormData По истории искала, ответ на свой вопрос

11 ответов

Похожие вопросы