java实现人脸识别源码【含测试效果图】——前台页面层（login.jsp）

最新推荐文章于 2024-04-23 13:45:00 发布

穆雄雄

最新推荐文章于 2024-04-23 13:45:00 发布

阅读量1.5w

点赞数 8

分类专栏： # java技术文章标签： java 脸部识别 Servlet 适配器设计模式

本文链接：https://blog.csdn.net/qq_34137397/article/details/78108834

版权

java技术专栏收录该内容

539 篇文章 30 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>登陆</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
     		function CatchCode() {
          //实际运用可不写，测试代 ， 为单击拍照按钮就获取了当前图像，有其他用途
          var canvans = document.getElementById("canvas");
          var video = document.getElementById("video");
          var context = canvas.getContext("2d");
 
          canvas.width = video.videoWidth;
          canvas.height = video.videoHeight;
          context.drawImage(video,0,0);
          
          var imgData = canvans.toDataURL();
			//获取图像在前端截取22位以后的字符串作为图像数据
			var imgData1 = imgData.substring(22);
			
			var username = $("#username").val();
			$.ajax({
					type: "post",
					url: "FaceServlet?tag=login",
					data: {"img":imgData1,"username":username},
					success: function(data){
						alert(data);
					},error:function(msg){
						alert("检测到不是你的脸");
					}
				});
				
  				
      }
     		
     </script>
</head>

<body>
	<h2>登陆</h2>
	输入用户名:
	<input type="text" name="username" id="username" />
	<br /> 把脸靠过来：
	<div id="support"></div>
	<video id="video" width="120" height="90"
			style="border:1px solid red;border-radius: 800px;" autoplay></video>
			
		<canvas style="border:1px solid red;border-radius: 800px;width:120px;height:80px;"
			id="canvas"></canvas>
	</div>

	<br />
	<input type="button" value="准备好了就确认" id="snap" />
</body>
</html>

穆雄雄

关注

8
点赞
踩
28

收藏

觉得还不错? 一键收藏
打赏
7
评论
java实现人脸识别源码【含测试效果图】——前台页面层（login.jsp）

<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>">登陆 function
复制链接

扫一扫