直入正题，JS打开摄像头并截图上传至后端的一个完整步骤

 

 

1. 打开摄像头主要用到getUserMedia方法，然后将获取到的媒体流置入video标签

2. 截取图片主要用到canvas绘图，使用drawImage方法将video的内容绘至canvas中

3. 将截取的内容上传至服务器，将canvas中的内容转为base64格式上传，后端（PHP）通过file_put_contents将其转为图片

photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训

要注意的是，在chrome以外的浏览器中，使用摄像头或多或少会出现一些问题，可能也是老问题了，所以以下代码主要基于chrome使用

比如在最新版FireFox中的报错，不知为啥

photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训

photoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训

 

1. 打开摄像头

getUserMedia 有新版本和旧版本两种，建议使用新版本

 

旧版本位于navigator 对象下，根据浏览器不同有所不同

        		
网友评论