[uniapp] uniapp 实现人脸识别 示例

 

微信小程序实现人脸识别,具体应用场景   前端实现人脸信息采集  拍到正面照片  发送给后端

        该方法暂时只针对微信小程序

前端具体效果展示 如下:

[uniapp] uniapp 实现人脸识别 示例_第1张图片

 

我们分开来分开解释这个方法哈

         首先要新写一个页面用来跳转,具体页面的布局可以自由发挥 根据实际要求来 ,

        主要运用了  wx.initFaceDetect(Object object)   具体想了解更多可以去查看官方文档哈,链接放在下面了 wx.initFaceDetect(Object object) | Weixin public doc

        在项目里进入页面初始化人脸识别   可以识别到是否拍摄的是人脸  检测五官哈

具体实现方法   下面就直接贴代码了

        代码语法语句都放在了代码注释中

html部分:

template>
	
		
			
				
					请将正对手机,头部匹配摄像区域
				
				
					为了便于识别认证,请拍摄本人头像
				
			
			
				
				
				
				{{ tipsText }}
			
			
				
					
						
							
							
								照片隐私安全保障中…
							
						
						该照片仅作为你认证的凭证
						
							
							
							
							
							
							
						
					
					
						
							取消
						
						
							确定
						
					
				
			
		
	

下面是js部分   按钮都暂时用背景颜色来填充    自己更换所需要的图片哈


js部分,一定要注意  上传图片接收到的路径和拍照接受到的路径

你可能感兴趣的:(uniapp,uni-app,前端,javascript)