使用PHP和JavaScript从摄像头捕获图像并保存到文件夹中
使用PHP和JavaScript从摄像头捕获图像并保存到文件夹中
提问于 2015-05-22 14:01:34
请检查下面给出的代码我想用PHP和AJAX将图像保存在JPG格式的文件夹中。请帮助我，我不能做这件事。
function base64_toimage()
{
$('#image').attr("src","data:image/png;base64,"+$.scriptcam.getFrameAsBase64());
};
function base64_tofield_and_image(b64)
{
$('#formfield').val(b64);
$('#image').attr("src","data:image/png;base64,"+b64);
};
function changeCamera()
{
$.scriptcam.changeCamera($('#cameraNames').val());
}
function onError(errorId,errorMsg) {
$( "#btn1" ).attr( "disabled", true );
$( "#btn2" ).attr( "disabled", true );
alert(errorMsg);
}
function onWebcamReady(cameraNames,camera,microphoneNames,microphone,volume) {
$.each(cameraNames, function(index, text) {
$('#cameraNames').append( $('<option></option>').val(index).html(text) )
});
$('#cameraNames').val(camera);
}
</script>
<br />
<div id="webcam" ></div>
<div style="width:250px;float:left;" ><img src="webcamlogo.png" alt="" style="vertical-align:text-top" />
<select name="cameraNames" size="1" id="cameraNames" style="width:205px;font-size:10px;height:25px;" onChange="changeCamera()"></select></div>
回答 1
Stack Overflow用户
发布于 2015-05-22 15:09:37
在MDN上查看，很清楚如何使用WebRTC创建一个简单的照相亭。
问题的第二部分是如何将图像数据保存到磁盘：
- 如果您检查生成的图像，您将发现如下所示:
< img id = "photo"
alt = "The screen capture will appear in this box."
src = "data:image/png;base64 ...... " >
- 您需要使用Javascript
获取img的src属性
var myImg = document.getElementById("yourImgId").src;
- 然后用php保存你的文件:
$data = myImg;
list($type, $data) = explode(';', $data);
list(, $data) = explode(',', $data);
$data = base64_decode($data);
file_put_contents('path_to_your_directory/tmp/image.png', $data);
请注意，此页面将是一个php文件。
可以使用<? ?>直接插入php代码。
如果你想通过jquery做到这一点，只需将你的Imgdata发布到远程php文件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30389392
复制相关文章
相似问题
腾讯云开发者
