php在线拍照代码,基于jQuery+PHP在线拍照

今天介绍一款摄像头插件，并且结合PHP实现一个简单的在线拍照并上传的功能，前提你的电脑要有摄像头哦！~

难易：中级

下载资源

下载积分：

130

积分

HTML

我们在页面中放置一个摄像头拍照按钮，并把照片放在#results里面

webcam.set_api_url('ajax.php');//远程上传图片

webcam.set_quality(100); // 图像质量(1 - 100)

webcam.set_shutter_sound(true); // 拍照时播放声音

document.write(webcam.get_html(320, 240, 160, 120));//输出摄像组件，参数即宽度、高度、上传后宽度、上传后高度

jQuery

接下来调用摄像头组件。

我们看下点击拍照时执行的函数： webcam.set_hook('onComplete', 'my_completion_handler');

function take_snapshot() {

$("#results").html('上传中...');

webcam.snap();

}

function my_completion_handler(msg) {

$("#results").html('');

}

Ajax.php

远程将拍照的图像上传到服务器，并将图片路径返回给前端。注意存放图片的路径要给写权限。特别是linux服务器哦~ $filename = date('YmdHis') . '.jpg';

$file ='uploads/';

$result = file_put_contents( $file.$filename, file_get_contents('php://input') );

echo $file.$filename;