Estoy tratando de capturar varias imágenes y guardarlas en mi base de datos Django, pero no sé cómo capturar varias imágenes. quiero agregar dinámicamente un nuevo lienzo para una nueva imagen de captura
este es mi html y js para capturar imágenes
const player = document.getElementById('player'); const docs = document.getElementById('document') const captureButton = document.getElementById('capture'); const constraints = { video: true, }; captureButton.addEventListener('click', (e) => { const canvas = document.getElementById('canvas'); const context = canvas.getContext('2d'); context.drawImage(player, 0, 0, canvas.width, canvas.height); const imgFormat = canvas.toDataURL(); docs.value = imgFormat e.preventDefault(); }); navigator.mediaDevices.getUserMedia(constraints) .then((stream) => { player.srcObject = stream; }); <!-- begin snippet: js hide: false console: true babel: false --> <form action="" method="POST" enctype="multipart/form-data" dir="ltr">{% csrf_token %} <input type="text" name="documents" id="document"> <video id="player" controls autoplay></video> <button id="capture">Capture</button> <canvas id="canvas" width=320 height=240></canvas> <button class="header pt-2 text-white px-4 p-1 rounded-lg mt-4">{% trans "save" %}</button> </form>no estoy seguro si es posible o no? por favor si saben algo en este caso háganmelo saber , agradezco su ayuda ..