Javascript+PHP实现在线拍照功能_php

  • 内容
  • 评论
  • 相关

 

我们在一些web应用中可能会遇到这样的情况,用户需要自己现场拍照并上传到会员系统。比如驾校采集指纹拍照流程、考试现场采集照片等。我们今天要讲的是如何使用JavaScriptphp实现一个简单的在线拍照并上传的功能。

实现这个功能的前提是你的电脑设备上需要安装有摄像头设备,以及你的浏览器需要支持flash。

Javascript+PHP实现在线拍照功能

Javascript+PHP实现在线拍照功能 Javascript+PHP实现在线拍照功能

html

在body中加入一个用于调用摄像组件的容器id#cam和一个显示上传信息的容器id#results。

javascript

接下来调用摄像组件,我们先载入webcam.js,用于拍照和上传的js库。

然后在容器id#cam中,加入以下代码:

我们调用了webcam,其中webcam.set_api_url用来设置图像上传交互的php路径,set_quality可设置图像质量,set_shutter_sound设置声音,get_html输出摄像组件,参数即宽度、高度、上传后宽度、上传后高度。

当点击按钮拍照时,需要执行以下代码:

当执行拍照动作时,代码与后台php交互,如果上传图片完成后,则返回相应的信息。

PHP

action.php所做的就是将本地拍照的图像上传到服务器,并将图片路径返回给前端。注意存放图片的路径要给写权限。

本文只是简单的介绍了下在线拍照和上传功能,其实深入应用场景如上传后再裁剪,生成多张不同比例的图像等等,大家自己去琢磨吧。

欢迎大家阅读《Javascript+PHP实现在线拍照功能_php》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码

原创文章,转载请注明: 转载自搞代码

本文链接地址: Javascript+PHP实现在线拍照功能_php

微信支付二维码

微信 赏一包辣条吧~

支付宝支付二维码

支付宝 赏一听可乐吧~

评论

0条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注