Итак, я пытаюсь отправить набор сканирований (файлы dcm) на мой Django сервер из моего приложения React. Запрос должен быть следующим:
[
{
"scans": [
{"scan_image": <dcm file data>},
{"scan_image": <dcm file data>}
],
"name": "Set Name."
},
{
"scans": [
{"scan_image": <dcm file data>},
{"scan_image": <dcm file data>}
],
"name": "Set Name."
}
]
Как показано, полезная нагрузка запроса представляет собой массив объектов. Объекты состоят из двух атрибутов «scans» и «name», где атрибут «scans» представляет собой массив объектов, содержащий данные из файлов dcm. Я читаю данные с помощью метода readAsDataURL объекта FileReader , который создается при выполнении итерации файлов, выбранных пользователем для загрузки.
Вот журнал данные, собранные в объекте, который необходимо отправить на сервер.
Журнал запроса, содержащий файлы для загрузки на сервер
Вот фрагмент кода запрос Ax ios по завершении генерации объекта запроса
axios({
url: 'http://127.0.0.1:8000/create_sets/',
data: requestObject,
method: 'post',
headers: { "Content-Type": "application/json" }
})
.then(res =>
console.log("Success")
)
.catch(res =>
console.log(res)
)
После запуска этого сценария, к сожалению, полезная нагрузка запроса выглядит следующим образом
[
{
"name":"5-AX T1-28522",
"scans":[]
},
{
"name":"3-AX T2 FSE-49954",
"scans":[]
},
{
"name":"4-AX FLAIR-60256",
"scans":[]
},
{
"name":"6-AX T1 POST-94928",
"scans":[]
}]
Как видите, сканы массив, который мы зарегистрировали и показали на скриншоте , здесь пуст. Пожалуйста помоги. Я уже пытался использовать FormData и изменить заголовок запроса Ax ios на multipart / form-data , но безуспешно. Вот ссылка на компонент репо в проекте. Буду признателен, если кто-нибудь сможет помочь. Функция для просмотра - onChangeHandler https://github.com/omargaber/Lesion-Lab-UI/blob/master/src/Sidebar.jsx