Как использовать base64 в django?

Я пытаюсь сохранить захваченное изображение с веб-камеры на моем сайте django 3.2 версии вот что я пробовал

class Document(models.Model):
    booking =models.ForeignKey(Booking,on_delete=models.PROTECT)
    docs = models.ImageField(upload_to=upload_docs)

my views.py

#my views function 
...
if request.is_ajax() and request.method == 'POST':
    images = request.FILES.get('canvas')
    print("images" , images)
    format, imgstr = images.split(';base64,') 
    ext = format.split('/')[-1] 
    dataimage = ContentFile(base64.b64decode(imgstr), name='temp.' + ext)

     if dataimage:
         photo = Document.objects.create(
            booking=obj,
            docs = dataimage
            )
         photo.save()

но значение печати изображений none, вот мой JS + html

    const player = document.getElementById('player');
    const canvas = document.getElementById('canvas');
    const context = canvas.getContext('2d');
    const captureButton = document.getElementById('capture');
    console.log(context)
    const imgFormat = canvas.toDataURL();
    console.log(imgFormat)
 
    console.log(canvas)
    const constraints = {
      video: true,
    };
  
    captureButton.addEventListener('click', (e) => {
      context.drawImage(player, 0, 0, canvas.width, canvas.height);
      e.preventDefault();
    });
  
    navigator.mediaDevices.getUserMedia(constraints)
      .then((stream) => {
        player.srcObject = stream;
      });   
<input type="file" name="documents" id="document">
<video id="player" controls autoplay></video>
<button id="capture">Capture</button>
<canvas id="canvas" name="canvas" width=320 height=240></canvas>

есть ли что-то, что я должен изменить? Я думаю, что мне нужно получить доступ к переменной canvas js из моего views.py, но я не знаю, как этого добиться

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