Tweeting bilder från webbkameran (7 / 8 steg)
Steg 7: Anslutning till "webcam.php" och "pictweet.php"
Nu alla är resterande är använder AJAX för att ansluta de två filerna, och sedan ska allt vara all arbetande!
Vi har klienten koden och server-side-koden, men de kommunicerar inte med varandra. Använda AJAX, kan vi skicka information från "webcam.php" till "pictweet.php".
Gå till "webcam.php" och ersätta det följande kodblocket:
Trigger photo ta
document.getElementById("snap").addEventListener ("klicka", function() {
context.drawImage (video, 0, 0, 640, 480);
});
}, falsk);
med
document.getElementById("snap").addEventListener ("klicka", function() {
context.drawImage (video, 0, 0, 640, 480);
duk = document.getElementById("canvas");
var img = canvas.toDataURL("image/png"); Console.log(IMG);
var datum = Date();
$.ajax({
typ: "POST",
URL: "pictweet.php",
data: {img: img, datum: datum}
});
});
Och spara "webcam.php"!