美好的一天堆垛机,
我正在从事一个网络项目,我们在其中重新创建一个类似于 snapchat 的社交媒体网站。我正在使用我的网络摄像头使用 JS 拍照,我正在将图片写入名为 img 的 var,如下所示:
var img = canvas.toDataURL("image/png");
我们需要在PHP中使用PDO来访问数据库。或者我们可以使用 AJAX,但严格禁止使用 JQuery。我的问题是,如何将 DataURL 存储在我的数据库中?所有在线教程都使用 JQuery。
更新:
我按照下面建议的步骤操作,但是当我点击快照按钮时,它仍然只拍摄照片,但没有 URL 或什么都没有。
function sendimagetourl(image)
{
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function()
{
if (this.readyState == 4 && this.status == 200)
{
alert( this.resoponseText);
}
}
xhtp.open("GET", "saveimage.php?url="+image, true);
xhttp.send();
}
//Stream Video
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia)
{
navigator.mediaDevices.getUserMedia({video: true}).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();
});
}
//Snap Photo
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
document.getElementById("snap").addEventListener("click", function() {context.drawImage(video, 0, 0, 800, 600);var image = canvas.toDataURL("image/png"); sendimagetourl(image);});
看来我有点傻。有两个小错别字,发送的数据似乎在 url 中是不可见的。感谢所有的帮助!
最佳答案
你可以使用javascript ajax
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
alert( this.responseText);
}
};
xhttp.open("GET", "saveimage.php?url="+url, true);
xhttp.send();
关于javascript - 不使用 JQuery 在数据库中存储图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40100726/