Estoy tratando de capturar una imagen de la cámara web y enviarla al servidor matraz de back-end. Capturé la imagen con éxito, pero tengo problemas para enviarla al backend.

HTML

 <form method="POST" enctype="multipart/form-data" id="myForm" > <table> <tr> <td><input type="button" value="Upload" onclick="upload()"></td> </tr> </table> </form> <div id="my_camera"></div> <input type="button" onclick="snap()" value="Snap"> <div id="results"></div>

JS

 function snap() { Webcam.snap( function(data_uri) { // display results in page document.getElementById('results').innerHTML = '<img id="image" src="'+data_uri+'"/>'; } ); }

Básicamente, esto me da la imagen en el campo de imagen del div creado. Entonces, ¿cómo puedo enviarlo al backend? Pensé que si había alguna forma de cambiar el archivo en la entrada de tipo de archivo, podemos modificar los contenidos en otro campo usando document.innerHTML(). Pero no creo que no funcione de esa manera. ¿Qué lógica puedo implementar en upload(). ¿Hay alguna alternativa? ¡Gracias!