Stap 7: Aansluiten van "webcam.php" en "pictweet.php"
Nu alle dat is overgebleven is met behulp van AJAX om verbinding te maken met de twee bestanden, en dan zou alles moeten alle werken!
We hebben de client-side-code en de server-side-code, maar ze niet met elkaar communiceren. Met behulp van AJAX, kunnen wij informatie van de "webcam.php" naar "pictweet.php" sturen.
Ga naar "webcam.php" en het volgende codeblok vervangen:
// Trigger photo take document.getElementById("snap").addEventListener("click", function() { context.drawImage(video, 0, 0, 640, 480); }); }, false);
met
document.getElementById("snap").addEventListener("click", function() { context.drawImage(video, 0, 0, 640, 480); canvas = document.getElementById("canvas"); var img = canvas.toDataURL("image/png"); console.log(img); var date = Date(); $.ajax({ type: "POST", url: "pictweet.php", data: {img : img, date : date} }); });
En bespaar "webcam.php"!