Проблема с получением данных из ввода для django

У меня проблема с получением данных из тега на странице с Django формой.

templates:

<form method="post" enctype="multipart/form-data">
                {% csrf_token %}
                <input id="result" type="hidden">
                <script type="text/javascript">
                    const upload = document.querySelector('#inputGroupFile01');
                    const result = document.querySelector('#result');

                    upload.addEventListener("change", (e) => {
                        previewFunc(e.target.files[0]);
                    });

                    function previewFunc(file) {
                        if (!file.type.match(/image.*/)) return false;
                        const reader = new FileReader();

                        reader.addEventListener("load", (e) => {
                            const label = document.createElement('label');
                            label.for = 'photo';
                            const input = document.createElement('input');
                            result.name = 'photo';
                            result.value = 'e.target.result';
                            result.src = e.target.result;
                            result.type = 'image';
                            result.id = 'result';
                            {#result.innerHTML = '';#}
                            {#result.append(input);#}
                        });
                        reader.readAsDataURL(file);
                    }
                </script>
                <button type="submit">{% trans 'Apply' %}</button>
            </form>

Просмотров:

class LoadPhotoView(BaseMixin, generic.CreateView):
    model = Photo
    template_name = 'load_photos/load_photo_page.html'
    form_class = PhotoUploader

    def post(self, request, *args, **kwargs):
        print(request.POST.get('photo'))
        print(request.FILES.getlist('photo'))
        print(request.FILES.get('photo'))

        return render(request, self.template_name, {'form': self.form_class})

После выполнения кода javascript страница имеет следующую структуру на экране:

Но я все еще не могу получить фото в методе post в моем представлении (я получаю None или пустой список)

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