Hola a todos necesito ayuda Urgente, estoy desarrollando un proyecto de carnetización On line para mi trabajo, es decir el usuario ingresa a nuestra página se registra y se toma una fotografía para su carnet de identificación.
El punto es, ya he logrado activar la cámara y tomar la foto con la ayuda de un código javascript y también he logrado que la fotografía se convierta en código de base64 y por medio de ajax enviarla a una pagina php, pero lo que no he logrado es recibir ese codigo para enviarlo a mi base de datos no se como hacerlo he intentado de todo pero no logro dar con la solución a continuación dejo el código
Código HTML:
<div class="container ">
<div class="col-md-12 ">
<div id='botonera' class="botones">
<input class="btn btn-primary" id='botonIniciar' type='button' value = 'Iniciar'></input>
<input class="btn btn-primary" id='botonDetener' type='button' value = 'Detener'></input>
<input class="btn btn-danger" id='botonFoto' type='button' value = 'Foto'></input>
</div>
</div>
</div>
<form method="POST" enctype="multipart/form-data">
<div class="container">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="col-md-6">
<div id="camara" autoplay></div>
<div class="titulo">Cámara</div>
</div>
<div class="col-md-6 ">
<div type="file" name="imagen" id="foto" ></div>
<div class="titulo">Foto</div>
</div>
</div>
<div class="col-md-2"></div>
</div>
<button id="save">enviar</button>
</form>
Código:
<script>
var img=null;
var sayCheese = new SayCheese('#camara', { audio: false });
$('#botonIniciar').bind('click', function(e){
sayCheese.start();
return false;
});
$('#botonDetener').bind('click', function(e){
sayCheese.stop();
return false;
});
$('#botonFoto').bind('click', function(e){
sayCheese.takeSnapshot(320,240);
return false;
});
sayCheese.on('snapshot', function(snapshot) {
img =document.createElement('img');
$ (img).on('load', function(){
$('#foto').html(img);
});
img.src = snapshot.toDataURL('image/png');
});
$('#save').bind('click', function(e){
var src= img.src;
data = {
src: src
}
$.ajax({
url:'recep.php',
data: data,
type: 'post',
});
});
</script>
como se ve en la imagen el código si se está enviando AHORA EL PROBLEMA ES COMO HAGO PARA RECIBIRLO CON PHP Y LUEGO ENVIARLO A LA BASE DE DATOS AYUDA POR FAVOR LLEVO YA BASTANTE TIEMPO INTENTANDO GRACIAS DE ANTEMANO....