disculpa pero no allo el que es para javascript
Código:
<div class="content">
<video id="video" autoplay></video>
<canvas id="canvas" width="640" height="480"></canvas>
<br><button id="snap">Tomar Foto</button>
<button id="upload">Subir</button>
</div>
<script>
// Put event listeners into place
window.addEventListener("DOMContentLoaded", function() {
// Grab elements, create settings, etc.
var canvas = document.getElementById("canvas"),
context = canvas.getContext("2d"),
video = document.getElementById("video"),
videoObj = { "video": true },
errBack = function(error) {
console.log("Video capture error: ", error.code);
};
// Put video listeners into place
if(navigator.getUserMedia) { // Standard
navigator.getUserMedia(videoObj, function(stream) {
video.src = stream;
video.play();
}, errBack);
} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia(videoObj, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) { // WebKit-prefixed
navigator.mozGetUserMedia(videoObj, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
// Trigger photo take
document.getElementById("snap").addEventListener("click", function() {
context.drawImage(video, 0, 0, 640, 480);
// Littel effects
$('#video').fadeOut('slow');
$('#canvas').fadeIn('slow');
$('#snap').hide();
// Allso show upload button
//$('#upload').show();
});
// Upload image to sever
document.getElementById("upload").addEventListener("click", function(){
var dataUrl = canvas.toDataURL();
$.ajax({
type: "POST",
url: "camsave.php",
data: {
imgBase64: dataUrl
otroDato: $("#dni").val()
}
}).done(function(msg) {
console.log('saved');
// Do Any thing you want
});
});
}, false);
</script>
mira ese es todo el código simplemente hace eso y el camsave.php
Código PHP:
<?php
$rawData = $_POST['imgBase64'];
$filteredData = explode(',', $rawData);
date_default_timezone_set('America/Lima');
$fecha=date("YmdHis");
$fech=date("d/m/Y - H:i:s");
$unencoded = base64_decode($filteredData[1]);
$randomName = rand(0, 99999);;
//Create the image
$fp = fopen($fecha.'.png', 'w');
fwrite($fp, $unencoded);
$link = mysql_connect('localhost', 'cesos_admin', 'windowsxp')
or die('No se pudo conectar: ' . mysql_error());
echo 'Connected successfully';
mysql_select_db('cesos_demo') or die('No se pudo seleccionar la base de datos');
$sql='select * from fotos';
$sql="insert into fotos VALUES ('$fecha','$dni','$fech')";
mysql_query($sql);
?>
fijate el insert into es lo que agrege y el campo que necesito es dni cuando toma la foto solo lo subia a una carpeta ahora yo almaceno el nombre del archivo, la fecha y quisiera enlazarlo con dni que viene de un post anterior todavia
Código HTML:
<form action="index.php" method="post">
<input type="text" name="dni" /><br /><br />
<input type="submit" value=" Continuar " />
</form> con esto mando y en index.php puede recibirlo normal con
Código PHP:
<? echo $_post[dni]; ?>
mi problema es llevar este campo a camsave.php para que lo almacene con los otros registro solo eso espero se me entienda gracias