Как загрузить изображение на сервер 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()) на ваш сервер.