I have a problem with getting data from the tag on the page with the Django form.

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>

Views:

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})

After executing javascript code page has next structure at the screen:

But I still can't get photo in method post in my view(I get None or empty list)