Tengo un problema al obtener datos de la etiqueta en la página con el formulario de Django.

plantillas:

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

Puntos de vista:

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

Después de ejecutar la página de códigos javascript tiene la siguiente estructura en la pantalla:

Pero todavía no puedo obtener una foto en la publicación del método en mi vista (obtengo Ninguno o una lista vacía)