Uploader - 403 (csrf cookie not set)

Webix JS
1

Добрый день. Подскажите пожалуйста, почему при попытке отправки загруженного файла из виджета uploader методом send() мне выдает 403 ошибку (Ошибка проверки CSRF. Запрос отклонён.)
Webix snippet: https://snippet.webix.com/s61zhdpb

Сервер написан на Django3.
Данные api выглядят следующим образом:

HTTP 200 OK
Allow: GET, PUT, PATCH, DELETE, HEAD, OPTIONS
Content-Type: application/json
Vary: Accept

{
“id”: 1,
“username”: “admin”,
“first_name”: “Vlad”,
“last_name”: “Petrov”,
“address”: “default address”,
“date_of_birth”: “1987-04-02”,
“phone_number”: “+77777777777”,
“city”: 1,
“educational_institution”: 1,
“photo”: “http://127.0.0.1:8080/apps/users/media/myphoto/2020/04/20/teacher2.png”
}

2

возможно, что вы банально не отправляете CSRF токен.
даже если и получится отправить запрос, то поле photo в виде адреса вам ничего не даст.
т.к. файл еще не отправлен.
что вы планируете получить на серверной стороне?
если бинарное содержимое файла, то вам следует перед отправкой использовать FileReader и передать полю photo полученное значение.

3

@intregal я планирую загрузить изображение на сервер и получить ссылку на него в поле photo, но не до конца понимаю как это сделать. Если загружать файл(изображение) напрямую в самом api, то все работает и по итогу в поле photo появляется ссылка.

4

@intregal у меня получилось image preview, можете пожалуйста подсказать как получить и передать значение(ссылку) в поле photo в данном примере: https://snippet.webix.com/2ti4sxtd (47 строка)

5

https://snippet.webix.com/r3cdgcbq

6

@intregal а как можно сделать чтобы поле фото приходило на сервер в таком виде:
photo: (binary)

так как в Вашем примере поле приходит таким образом:
photo: eDxcx1c0ac…

7

а как можно сделать чтобы поле фото приходило на сервер в таком виде: photo: (binary)

надо конвертировать текст в нужный формат

8

@intregal Вы имеете ввиду делать конвертацию на стороне сервера, я правильно понимаю?

9

да, все верно

10

@intregal возможно ли сделать конвертацию/ декодирование непосредственно в самом webix’e?

11

возможно ли сделать конвертацию/ декодирование непосредственно в самом webix’e?
JSON принимает и отправляет бинарные значения в виде base64 string.
либо должна быть типизированная десериализация на сервере (не уверен, есть ли она на django).
либо должны конвертиривать вручную.

12

@intregal конвертировать вручную вы имеете ввиду на django или встроенными методами js’a?

13

на django.

14

@intregal а Вы знаете как передавать csrf-cookie в “uploader”?

15