Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/11/2015, 07:32
Avatar de Andreselah
Andreselah
 
Fecha de Ingreso: marzo-2010
Mensajes: 14
Antigüedad: 14 años, 1 mes
Puntos: 0
De acuerdo Recoger con PHP el codigo de base64 de una imagen para almacenarla en el servidor

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....