Как загрузить изображение на сервер django с помощью react native?

<
{
    "details":{
        "name":"My first ",
        "description":"this is Gina be cool",
        "display":"file:///data/user/0/com.merchant_app/cache/rn_image_picker_lib_temp_935cb7c5-72fd-4c7a-ab45-7b62906909f7.jpg",
        "background":"file:///data/user/0/com.merchant_app/cache/rn_image_picker_lib_temp_9449c3c0-32c6-4122-8a92-1a9b5afa352f.jpg"
    },
   "hours":[
      {
         "partition":"P1",
         "timings":[
            {
               "day":"Monday",
               "full_day":false,
               "close_day":false,
               "start_time":"2022-09-16T01:00:00.149Z",
               "close_time":"2022-09-16T01:00:00.149Z"
            }

         ]
      }
   ]
}
<
{'display': ['The submitted data was not a file. Check the encoding type on the form.'], 'background': ['The submitted data was not a file. Check the encoding type on the form.']}
ответ бэкенда :

мой код .

const {Name,bio,displayFilePath,backgroundFilePath} = this.props.route.params.stepOneData
const background = backgroundFilePath
const display = displayFilePath
console.log("==> ",backgroundFilePath.assets[0].fileName)

let data = {
  details = {
    name:Name,
    description:bio,
    display:display,
    background:background
  },
  hours:[
    {
       "partition":"P1",
       "timings":[
          {
             "day":"Monday",
             "full_day":false,
             "close_day":false,
             "start_time":"2022-09-16T01:00:00.149Z",
             "close_time":"2022-09-16T01:00:00.149Z"
          }

       ]
    }
 ]

}


try {
  await addNewGroundAPI(formdata)
  alert("Post created")

}
catch (e) {
  console.log("Error", e)
  // alert("Error")

}

Если вы знаете, как это исправить. Пожалуйста, помогите решить эту проблему. Спасибо.

Используйте следующий формат для передачи объекта изображения на сервер

{
    name: //image name,
    type: //image mime can be found at backgroundFilePath.assets[0].mime,
    uri: //image path can be found at backgroundFilePath.assets[0].path,
    size: //image size can be found at backgroundFilePath.assets[0].size,
}

Также, пожалуйста, убедитесь, что вы передаете объект данных формы (new FormData()) на ваш сервер.

Вернуться на верх