hola necesito ayuda con un proyecto que estoy realizando, tengo un input file en un formulario que deseo enviar a mi servidor php con laravel, asi mismo tengo un boton que abre la camara de la laptop y la captura en un canvas... quiero hacer que, esa imagen se procese y se envie en el input fyle a mi servidor.. les pongo mi codigo que he probado pero no funciona (javascript):
var video = document.getElementById('video');
var canvas = document.getElementById('canvas');
canvas.getContext('2d').drawImage(video, 100, 0, 480, video.videoHeight, 0, 0, 120, 160);
var data = canvas.toDataURL('image/png');
previa.setAttribute('src', data);
$("#foto").val(data); -->>> esta es la linea donde intento setear el input
Intente asi y tambien con javascript puro en vez de val
document.getElementById('foto').setAttribute('value', data);
les muestro el codigo html que tengo
<video id="video" width="auto" height="auto" autoplay class="img-responsive"></video>
<a id="startbutton" class="btn btn-success" style="margin-top: -20%">Tomar foto</a>
<canvas id="canvas" style="display: none" width="122"></canvas>
<input id="foto" name="foto" type="file" accept="image/*" capture="camera">
la verdad no se que esta mal por que al querer guardar y al enviar este dato con la imagen, me sale que el campo foto no debe ser vacio, por que asi lo tengo validado en el servidor