huangyongxing310
- 浏览: 506974 次
- 性别:
- 来自: 广州
-
文章分类
- 全部博客 (502)
- Java (70)
- Linux (10)
- 数据库 (38)
- 网络 (10)
- WEB (13)
- JSP (4)
- 互联网 (71)
- JavaScript (30)
- Spring MVC (19)
- HTML (13)
- CSS (3)
- AngularJS (18)
- Redis (5)
- Bootstrap CSS (1)
- ZooKeeper (4)
- kafka (6)
- 服务器缓存 (4)
- Storm (1)
- MongoDB (9)
- Spring boot (16)
- log4j (2)
- maven (3)
- nginx (5)
- Tomcat (2)
- Eclipse (4)
- Swagger (2)
- Netty (5)
- Dubbo (1)
- Docker (7)
- Hadoop (12)
- OAuth (1)
- webSocket (4)
- 服务器性能 (7)
- Session共享 (1)
- tieye修改 (1)
- 工作 (1)
- 有用的语录 (0)
- https (2)
- common (5)
- 产品开发管理 (1)
- CDN 工作原理 (1)
- APNS、GCM (1)
- 架构图 (3)
- 功能实现分析 (1)
- JMX (1)
- 服务器相关操作命令 (1)
- img02 (0)
- 服务器环境搭建 (9)
- goodMenuBook (1)
- CEInstantPot (0)
- 有用数据 (1)
- 百度地图WEB API (2)
- 正则表达式 (1)
- 样式例子 (2)
- staticRecipePressureCooker.zip (1)
- jCanvas (1)
- 网站攻击方法原理 (1)
- 架构设计 (3)
- 物联网相关 (3)
- 研发管理 (7)
- 技术需求点 (1)
- 计划 (1)
- spring cloud (11)
- 服务器开发的一些实用工具和方法 (1)
- 每天学到的技术点 (4)
- Guava (1)
- ERP 技术注意要点 (2)
- 微信小程序 (1)
- FineRepor (1)
- 收藏夹 (1)
- temp (5)
- 服务架构 (4)
- 任职资格方案 (0)
- osno_test (1)
- jquery相关 (3)
- mybatis (4)
- ueditor (1)
- VueJS (7)
- python (10)
- Spring EL (1)
- shiro (1)
- 前端开发原理与使用 (7)
- YARN (1)
- Spark (1)
- Hbase (2)
- Pig (2)
- 机器学习 (30)
- matplotlib (1)
- OpenCV (17)
- Hystrix (1)
- 公司 (1)
- miniui (4)
- 前端功能实现 (3)
- 前端插件 (1)
- 钉钉开发 (2)
- Jenkins (1)
- elasticSearch使用 (2)
- 技术规范 (4)
- 技术实现原理 (0)
最新评论
package com.gaojinsoft.htwy.y2020.apiFace.service.impl;
import java.io.ByteArrayInputStream;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;
import javax.annotation.Resource;
import org.json.JSONObject;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.baidu.aip.face.AipFace;
import com.baidu.aip.face.MatchRequest;
import com.gaojinsoft.htwy.y2016.base.upload.service.AttachInfoService;
import com.gaojinsoft.htwy.y2019.marketManage.util.StringUtils;
import com.gaojinsoft.htwy.y2020.ApplyTypeCode.service.ApplyTypeCodeService;
import com.gaojinsoft.htwy.y2020.Kh.service.KhService;
import com.gaojinsoft.htwy.y2020.Store.service.StoreService;
import com.gaojinsoft.htwy.y2020.SupermarketSystem.service.SupermarketSystemService;
import com.gaojinsoft.htwy.y2020.apiFace.action.AipFaceAction;
import com.gaojinsoft.htwy.y2020.apiFace.service.AipFaceServ;
import com.gaojinsoft.htwy.y2020.matMake.util.ExceptionUtils;
import com.gaojinsoft.htwy.y2020.matMake.util.ListUtils;
import com.gaojinsoft.htwy.y2020.matMake.util.ResultUtils;
import com.gaojinsoft.htwy.y2020.utils.LogUtils;
import com.kingzheng.common.Json;
import com.kingzheng.common.autosql.scan.BaseScanSqlCommand;
import com.kingzheng.htwy.manage.service.ManageServ;
@Service("AipFaceServImpl")
public class AipFaceServImpl implements AipFaceServ {
private ManageServ manageServ;
@Autowired
private KhService khService;
@Autowired
private StoreService storeService;
@Autowired
private ApplyTypeCodeService ApplyTypeCodeService;
@Autowired
private SupermarketSystemService supermarketSystemService;
@Autowired
private AttachInfoService attachInfoService;
@Resource(name = "htwy_ManageServ")
public void setManageServ(ManageServ serv) {
this.manageServ = serv;
}
public static final String APP_ID = "23995676";
public static final String API_KEY = "KgvAsdilAySvGOFsEazU0Pp6";
public static final String SECRET_KEY = "iCz5vfj7LmeeVm58KUU71MOK4Ips7Qis";
public AipFace getAipFace() throws Exception {
AipFace client = new AipFace(APP_ID, API_KEY, SECRET_KEY);
// /可选：设置网络连接参数
client.setConnectionTimeoutInMillis(5000);
client.setSocketTimeoutInMillis(60000);
return client;
}
/**
* 人脸对比
*
* @return
*/
@Override
public void faceMatch(AipFaceAction action) throws Exception {
try {
Map<String, Object> result = new HashMap<String, Object>();
String faceId = StringUtils.toNotNullString(action.getFaceId());
String imgData = StringUtils.toNotNullString(action.getImgData());
if ("".equals(faceId)) {
ExceptionUtils.throwRuntimeException("对比人脸ID为空 ");
}
if ("".equals(imgData)) {
ExceptionUtils.throwRuntimeException("上传图片信息为空 ");
}
// image1/image2也可以为url或facetoken, 相应的imageType参数需要与之对应。
MatchRequest req1 = new MatchRequest(faceId, "FACE_TOKEN");
MatchRequest req2 = new MatchRequest(imgData, "BASE64");
ArrayList<MatchRequest> requests = new ArrayList<MatchRequest>();
requests.add(req1);
requests.add(req2);
AipFace client = getAipFace();
JSONObject res = client.match(requests);
LogUtils.mainInfo("res", res.toString(2));
int code = res.getInt("error_code");// 状态码： 200(请求成功)；400(请求失败)
String errorMsg = res.getString("error_msg");// 状态码： 200(请求成功)；400(请求失败)
if(code!=0) {
ExceptionUtils.throwRuntimeException(errorMsg);
}
JSONObject res2 = (JSONObject) res.get("result");
double score = res2.getDouble("score");//
if(score<70.0) {
ExceptionUtils.throwRuntimeException("人脸相似度小于70%,请重新拍照进行校验");
}
result.put("score", score);
action.setAjaxOutData(new ByteArrayInputStream(Json.Encode(ResultUtils.getSuccessResult(result)).toString().getBytes("utf-8")));
} catch (Exception e) {
e.printStackTrace();
action.setAjaxOutData(new ByteArrayInputStream(Json.Encode(ResultUtils.getErrorResult(e)).toString().getBytes("utf-8")));
}
}
@Override
public void faceAdd(AipFaceAction action) throws Exception {
try {
Map<String, Object> result = new HashMap<String, Object>();
String cardNum = StringUtils.toNotNullString(action.getCardNum());
String imgData = StringUtils.toNotNullString(action.getImgData());
if ("".equals(cardNum)) {
ExceptionUtils.throwRuntimeException("身份证号为空 ");
}
if ("".equals(imgData)) {
ExceptionUtils.throwRuntimeException("上传图片信息为空 ");
}
AipFace client = getAipFace();
// 传入可选参数调用接口
HashMap<String, String> options = new HashMap<String, String>();
options.put("user_info", "");
options.put("quality_control", "NORMAL");
options.put("liveness_control", "NORMAL");
options.put("action_type", "REPLACE");
String image = imgData;
String imageType = "BASE64";
String groupId = "xkmm_face";
String userId = cardNum;
// 人脸注册
JSONObject res = client.addUser(image, imageType, groupId, userId, options);
LogUtils.mainInfo("res", res.toString(2));
int code = res.getInt("error_code");// 状态码： 200(请求成功)；400(请求失败)
String errorMsg = res.getString("error_msg");// 状态码： 200(请求成功)；400(请求失败)
if(code!=0) {
ExceptionUtils.throwRuntimeException(errorMsg);
}
JSONObject res2 = (JSONObject) res.get("result");
String faceToken = res2.getString("face_token");// 状态码： 200(请求成功)；400(请求失败)
result.put("faceId", faceToken);
action.setAjaxOutData(new ByteArrayInputStream(Json.Encode(ResultUtils.getSuccessResult(result)).toString().getBytes("utf-8")));
} catch (Exception e) {
e.printStackTrace();
action.setAjaxOutData(new ByteArrayInputStream(Json.Encode(ResultUtils.getErrorResult(e)).toString().getBytes("utf-8")));
}
}
@Override
public void updateFaceIdToSales(AipFaceAction action) throws Exception {
try {
String cardNum = StringUtils.toNotNullString(action.getCardNum());
String faceId = StringUtils.toNotNullString(action.getFaceId());
if ("".equals(cardNum)) {
ExceptionUtils.throwRuntimeException("身份证号为空 ");
}
if ("".equals(faceId)) {
ExceptionUtils.throwRuntimeException("对比人脸ID为空 ");
}
String sql = new BaseScanSqlCommand().getSqlText(this, "AipFaceServImpl.xml", "updateFaceIdToSales");
sql = sql.replaceAll("##personId##", cardNum);
sql = sql.replaceAll("##faceId##", faceId);
manageServ.getCommonServ44().executeBySQL(sql);
action.setAjaxOutData(new ByteArrayInputStream(Json.Encode(ResultUtils.getSuccessResult("")).toString().getBytes("utf-8")));
} catch (Exception e) {
e.printStackTrace();
action.setAjaxOutData(new ByteArrayInputStream(Json.Encode(ResultUtils.getErrorResult(e)).toString().getBytes("utf-8")));
}
}
}
<!DOCTYPE HTML>
<html>
<head xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>人脸校验</title>
<style>
* {
margin: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.pp {
margin: 5px 0 5px;
}
.iconsize {
font-size: 16px;
}
.mt5 {
margin-top: 5px;
margin-left: 5px;
border-bottom: 1px solid #f5f5f5;
}
.y2lable {
width: 50%;
text-align: left;
height: 34px;
line-height: 34px;
}
.pdl5 {
padding-left: 5px;
height: 34px;
line-height: 34px;
width: 62%;
}
.form-control {
padding: 0px 12px;
border: none;
outline: none;
box-shadow: none;
}
.btn {
border-radius: 0;
height: 40px;
font-size: 18px;
}
.btn-primary {
background-color: #689BC6;
}
#dlg_form {
padding-bottom: 55px;
}
button {
background-color: #fff;
border: 1px solid #d4d0c8;
}
.mt5 {
margin-top: 5px;
margin-left: 8px;
border-bottom: 1px solid #f5f5f5;
}
.ystitle {
font-size: 16px;
height: 40px;
line-height: 40px;
color: #000000;
border-bottom: 0px solid #dedede;
padding-left: 5px;
font-weight: bold;
}
.panel-default {
border-color: #ddd;
border-bottom: 0px white;
box-shadow: unset;
border-top-color: #ec7138;
background-color: #fff;
border-radius: 0px;
}
.imgbox {
width: 72px;
height: 100px;
position: relative;
display: inline-block;
margin: 0 14px 5px 0px;
}
.imgbox img {
z-index: 1;
border: 0px solid #000;
position: absolute;
top: 0;
left: 0;
}
.imgbox .reimgbtn {
z-index: 2;
display: inline-block;
position: absolute;
top: -12px;
right: -12px;
background: red;
width: 24px;
height: 24px;
text-align: center;
font-size: 24px;
line-height: 24px;
border-radius: 50%;
color: #fff;
}
.file {
position: relative;
display: inline-block;
background: #fff;
border: 1px dashed #fff;
border-radius: 4px;
overflow: hidden;
text-decoration: none;
text-indent: 0;
line-height: 20px;
}
.file input {
position: absolute;
font-size: 45px;
right: 0;
top: 0;
opacity: 0;
}
.clear {
clear: both
}
</style>
<link href="../../../gaojinsoft/y2017/me/css/bootstrap.min.css" rel="stylesheet"
type="text/css"/>
<link href="../../../gaojinsoft/y2017/me/css/iconfont/iconfont.css" rel="stylesheet"
type="text/css">
<script src="../../../gaojinsoft/y2017/me/js/jquery-1.11.1.min.js"
type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/iconfont.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/mobileBUGFix.mini.js"
type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/upload.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/exif.js" type="text/javascript"></script>
<!-- 引入有度js文件 -->
<!-- <script src="<%=request.getContextPath()%>/htwyRes/js/youdu_js_sdk/youdu_sdk.js" type="text/javascript"></script>-->
<!-- 引入第三方toast弹窗组件 -->
<script src="../../../gaojinsoft/y2017/me/js/layer/mobile/layer.js"
type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/layerCommonJs.js" type="text/javascript"
charset="utf-8"></script>
<!-- 图片浏览器 -->
<!-- <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/htwyRes/js/simplelightbox/simplelightbox.min.css"/>-->
<!-- <script type="text/javascript" charset="utf-8" src="<%=request.getContextPath()%>/htwyRes/js/simplelightbox/simple-lightbox.min.js"></script>-->
<script src="../../../gaojinsoft/y2017/me/js/commonJs.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/jqCommonJs.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2020/supermarket/commonJs/vueCommonJs.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="app.css"/>
</head>
<body>
<div style="padding-bottom: 0rem;background-color: white;">
<div style="text-align: center;background-color: #f4b149;font-size: 20px;color: white">
人脸校验
</div>
<div class="take-face-photo" style="display: block;width: 100%;height: 400px;">
<div style="padding: 3px 5px;height: 220px;">
<div style="width: 100%;height: 100%;overflow: hidden;border-radius: 0.3rem;position: relative;">
<div class="face-image-background" id="takeFaceBackgroup"
style="background: url(./images/order/face-image-icon-noadd.png) no-repeat;height: 100%;width: 100%;background-size: 100% 100%;position: relative;">
<img src="" id="take-face-photo-show"
style="width: auto;height: auto;max-width: 100%;max-height: 100%;border-radius: 0.3rem;border: 0.1rem dashed #ccc;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);">
<!-- <img id="take-face-photo-show-temp" src="">-->
<input type="text" value="" style="visibility: hidden" name="faceImg" id="faceImg">
</div>
</div>
</div>
<div class="face-request" style="height: 5%;margin-left: 5px;margin-right: 5px;text-align: center">
<div style="width: 60px;display: inline-block;border-top: 0.05rem solid #f2ebeb;"></div>
<div style="display: inline-block;width: 32.5%;text-align: center;font-size: 0.45rem;color: #b7b4b4;">温馨提示
</div>
<div style="width: 60px;display: inline-block;border-top: 0.05rem solid #f2ebeb;"></div>
</div>
<div class="face-request-img"
style="padding: 5px 15px; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;">
<div style=" width: 30%;">
<div style="background: url(./images/order/face-req-1.png) center center no-repeat; height: 50px;margin: 5px;background-size: contain;">
</div>
<div style="text-align: center;font-size: 0.4rem;color: black;">
摘掉眼镜
</div>
</div>
<div style=" width: 30%;">
<div style="background: url(./images/order/face-req-2.png) center center no-repeat ;height: 50px;margin: 5px;background-size: contain;">
</div>
<div style="text-align: center;font-size: 0.4rem;color: black;">
光线充足
</div>
</div>
<div style=" width: 30%;">
<div style="background: url(./images/order/face-req-3.png) center center no-repeat;height: 50px;margin: 5px;background-size: contain;">
</div>
<div style="text-align: center;font-size: 0.4rem;color: black;">
不要戴帽子
</div>
</div>
</div>
<div class="face-request-img"
style="padding: 5px 15px; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;">
<div class="sfz-request-tips" style="height: 45%;width: 100%;">
<div style="display: inline-block;text-align: left;font-size: 0.4rem;color: black;padding: 2%;">
1、请将人脸正对手机，置于屏幕中央，并保持光线充足；
</div>
<div style="display: inline-block;text-align: left;font-size: 0.4rem;color: black;padding: 2%;">
2、保持网络良好，按系统提示操作；
</div>
</div>
</div>
<div class="">
<div Style="float:left;width: 49%">
<label class="btn btn-primary btn-xl btn-block" style="padding-top: 8px">
拍照
<input id="take-face-photo-input" img-attr="1" accept="image/*" type="file" style="display: none;"
onchange="showImageFileChageFun(this)">
</label>
</div>
<div Style="float:right;width: 49%">
<button type="button" class="btn btn-primary btn-xl btn-block" onclick="checkFaceFun()">上传校验</button>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
var faceId = commonJs.getUrlParam("faceId");
var urlAttach = decodeURIComponent(commonJs.getUrlParam("url"));
function checkFaceFun() {
console.info("enterFaceFun");
var imgData = getElementVal("#faceImg");
imgData = commonJs.getFileDateString(imgData);
var dataTemp={
faceId:faceId,
imgData:imgData
};
var url = vueCommonJs.getApplyPath() + '/yami/AipFaceAction/faceMatch.do';
ajaxPost(url, dataTemp, "确定校验", function (result) {
console.info(result);
if (result.flag) {
// elementEnabled('#sendSmsCode',false);
// openToast("校验成功", 2000);
YmWindowLocation(urlAttach);
} else {
openAlert("校验失败，请重新校验!，失败原因" + result.msg);
}
},);
}
function showImageFileChageFun(th) {
// var ds= $(th).parent();
var filePath = $(th).val();//读取图片路径
if (!filePath) {
return;
}
if (filePath === "") {
return;
}
//读取文件进行显示
readImageFileAsDataURL(th.files[0], function (e) {
console.info("e.target.result len = " + e.target.result.length);
compressImageData(e.target.result, 0.7, function (data) {
console.info("data len = " + data.length);
setAttrValue("#take-face-photo-show", "src", data);
setElementVal("#faceImg", data);
$("#takeFaceBackgroup").css("background", "");
});
});
}
</script>
</html>
<!DOCTYPE HTML>
<html>
<head xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>人脸录入</title>
<style>
* {
margin: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.pp {
margin: 5px 0 5px;
}
.iconsize {
font-size: 16px;
}
.mt5 {
margin-top: 5px;
margin-left: 5px;
border-bottom: 1px solid #f5f5f5;
}
.y2lable {
width: 50%;
text-align: left;
height: 34px;
line-height: 34px;
}
.pdl5 {
padding-left: 5px;
height: 34px;
line-height: 34px;
width: 62%;
}
.form-control {
padding: 0px 12px;
border: none;
outline: none;
box-shadow: none;
}
.btn {
border-radius: 0;
height: 40px;
font-size: 18px;
}
.btn-primary {
background-color: #689BC6;
}
#dlg_form {
padding-bottom: 55px;
}
button {
background-color: #fff;
border: 1px solid #d4d0c8;
}
.mt5 {
margin-top: 5px;
margin-left: 8px;
border-bottom: 1px solid #f5f5f5;
}
.ystitle {
font-size: 16px;
height: 40px;
line-height: 40px;
color: #000000;
border-bottom: 0px solid #dedede;
padding-left: 5px;
font-weight: bold;
}
.panel-default {
border-color: #ddd;
border-bottom: 0px white;
box-shadow: unset;
border-top-color: #ec7138;
background-color: #fff;
border-radius: 0px;
}
.imgbox {
width: 72px;
height: 100px;
position: relative;
display: inline-block;
margin: 0 14px 5px 0px;
}
.imgbox img {
z-index: 1;
border: 0px solid #000;
position: absolute;
top: 0;
left: 0;
}
.imgbox .reimgbtn {
z-index: 2;
display: inline-block;
position: absolute;
top: -12px;
right: -12px;
background: red;
width: 24px;
height: 24px;
text-align: center;
font-size: 24px;
line-height: 24px;
border-radius: 50%;
color: #fff;
}
.file {
position: relative;
display: inline-block;
background: #fff;
border: 1px dashed #fff;
border-radius: 4px;
overflow: hidden;
text-decoration: none;
text-indent: 0;
line-height: 20px;
}
.file input {
position: absolute;
font-size: 45px;
right: 0;
top: 0;
opacity: 0;
}
.clear {
clear: both
}
</style>
<link href="../../../gaojinsoft/y2017/me/css/bootstrap.min.css" rel="stylesheet"
type="text/css"/>
<link href="../../../gaojinsoft/y2017/me/css/iconfont/iconfont.css" rel="stylesheet"
type="text/css">
<script src="../../../gaojinsoft/y2017/me/js/jquery-1.11.1.min.js"
type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/iconfont.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/mobileBUGFix.mini.js"
type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/upload.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/exif.js" type="text/javascript"></script>
<!-- 引入有度js文件 -->
<!-- <script src="<%=request.getContextPath()%>/htwyRes/js/youdu_js_sdk/youdu_sdk.js" type="text/javascript"></script>-->
<!-- 引入第三方toast弹窗组件 -->
<script src="../../../gaojinsoft/y2017/me/js/layer/mobile/layer.js"
type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/layerCommonJs.js" type="text/javascript"
charset="utf-8"></script>
<!-- 图片浏览器 -->
<!-- <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/htwyRes/js/simplelightbox/simplelightbox.min.css"/>-->
<!-- <script type="text/javascript" charset="utf-8" src="<%=request.getContextPath()%>/htwyRes/js/simplelightbox/simple-lightbox.min.js"></script>-->
<script src="../../../gaojinsoft/y2017/me/js/commonJs.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2017/me/js/jqCommonJs.js" type="text/javascript"></script>
<script src="../../../gaojinsoft/y2020/supermarket/commonJs/vueCommonJs.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="app.css"/>
</head>
<body>
<div style="padding-bottom: 0rem;background-color: white;">
<div style="text-align: center;background-color: #f4b149;font-size: 20px;color: white">
人脸录入
</div>
<div class="take-face-photo" style="display: block;width: 100%;height: 400px;">
<div style="padding: 3px 5px;height: 220px;">
<div style="width: 100%;height: 100%;overflow: hidden;border-radius: 0.3rem;position: relative;">
<div class="face-image-background" id="takeFaceBackgroup"
style="background: url(./images/order/face-image-icon-noadd.png) no-repeat;height: 100%;width: 100%;background-size: 100% 100%;position: relative;">
<img src="" id="take-face-photo-show"
style="width: auto;height: auto;max-width: 100%;max-height: 100%;border-radius: 0.3rem;border: 0.1rem dashed #ccc;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);">
<!-- <img id="take-face-photo-show-temp" src="">-->
<input type="text" value="" style="visibility: hidden" name="faceImg" id="faceImg">
</div>
</div>
</div>
<div class="face-request" style="height: 5%;margin-left: 5px;margin-right: 5px;text-align: center">
<div style="width: 60px;display: inline-block;border-top: 0.05rem solid #f2ebeb;"></div>
<div style="display: inline-block;width: 32.5%;text-align: center;font-size: 0.45rem;color: #b7b4b4;">温馨提示
</div>
<div style="width: 60px;display: inline-block;border-top: 0.05rem solid #f2ebeb;"></div>
</div>
<div class="face-request-img"
style="padding: 5px 15px; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;">
<div style=" width: 30%;">
<div style="background: url(./images/order/face-req-1.png) center center no-repeat; height: 50px;margin: 5px;background-size: contain;">
</div>
<div style="text-align: center;font-size: 0.4rem;color: black;">
摘掉眼镜
</div>
</div>
<div style=" width: 30%;">
<div style="background: url(./images/order/face-req-2.png) center center no-repeat ;height: 50px;margin: 5px;background-size: contain;">
</div>
<div style="text-align: center;font-size: 0.4rem;color: black;">
光线充足
</div>
</div>
<div style=" width: 30%;">
<div style="background: url(./images/order/face-req-3.png) center center no-repeat;height: 50px;margin: 5px;background-size: contain;">
</div>
<div style="text-align: center;font-size: 0.4rem;color: black;">
不要戴帽子
</div>
</div>
</div>
<div class="face-request-img"
style="padding: 5px 15px; display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;">
<div class="sfz-request-tips" style="height: 45%;width: 100%;">
<div style="display: inline-block;text-align: left;font-size: 0.4rem;color: black;padding: 2%;">
1、请将人脸正对手机，置于屏幕中央，并保持光线充足；
</div>
<div style="display: inline-block;text-align: left;font-size: 0.4rem;color: black;padding: 2%;">
2、保持网络良好，按系统提示操作；
</div>
</div>
</div>
<div class="">
<div Style="float:left;width: 49%">
<label class="btn btn-primary btn-xl btn-block" style="padding-top: 8px">
拍照
<input id="take-face-photo-input" img-attr="1" accept="image/*" type="file" style="display: none;"
onchange="showImageFileChageFun(this)">
</label>
</div>
<div Style="float:right;width: 49%">
<button type="button" class="btn btn-primary btn-xl btn-block" onclick="enterFaceFun()">上传录入</button>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
var cardNum = commonJs.getUrlParam("cardNum");
function enterFaceFun() {
console.info("enterFaceFun");
var imgData = getElementVal("#faceImg");
imgData = commonJs.getFileDateString(imgData);
var dataTemp = {
cardNum: cardNum,
imgData: imgData
};
var url = vueCommonJs.getApplyPath() + '/yami/AipFaceAction/faceAdd.do';
ajaxPost(url, dataTemp, "确定录入", function (result) {
console.info(result);
if (result.flag) {
// elementEnabled('#sendSmsCode',false);
updateFaceIdToSales(cardNum,result.data.faceId);
} else {
openAlert("录入失败，请重新校验!，失败原因" + result.msg);
}
},);
}
function updateFaceIdToSales(cardNum, faceId) {
console.info("updateFaceIdToSales");
var imgData = getElementVal("#faceImg");
imgData = commonJs.getFileDateString(imgData);
var dataTemp = {
cardNum: cardNum,
faceId: faceId
};
var url = vueCommonJs.getApplyPath() + '/yami/AipFaceAction/updateFaceIdToSales.do';
ajaxPost(url, dataTemp, "", function (result) {
console.info(result);
if (result.flag) {
openAlert("录入成功" + result.msg,"",function () {
var urlTemp = vueCommonJs.getApplyPath()+'/yami/SuperMarketApplyAction/applyList.do?type=1';
YmWindowLocation(urlTemp);
});
} else {
openAlert("更新用户人脸信息失败!，失败原因" + result.msg);
}
},);
}
function showImageFileChageFun(th) {
// var ds= $(th).parent();
var filePath = $(th).val();//读取图片路径
if (!filePath) {
return;
}
if (filePath === "") {
return;
}
//读取文件进行显示
readImageFileAsDataURL(th.files[0], function (e) {
console.info("e.target.result len = " + e.target.result.length);
compressImageData(e.target.result, 0.7, function (data) {
console.info("data len = " + data.length);
setAttrValue("#take-face-photo-show", "src", data);
setElementVal("#faceImg", data);
$("#takeFaceBackgroup").css("background", "");
});
});
}
</script>
</html>
分享到：
发表评论
-
选举算法
2022-06-17 08:48 461选举算法 常用的选举 ... -
elasticSearch使用
2022-04-27 08:42 437ElasticSearch 基于Apache Lucene构建 ... -
IDEA 快捷键
2022-03-02 16:55 262大小写转换快捷键 ctr+shift+u IDEA ... -
每天学到的技术点3
2022-02-21 20:01 2671.TEXT与BLOB的区别，二者 ... -
zookeeper dubbo 安装
2021-12-04 19:27 339docker-machine ssh default d ... -
将博客搬至CSDN
2021-11-18 19:57 208将博客搬至CSDN -
docker mysql 主从安装
2021-11-10 16:55 250docker run -d -p 13306:3306 --n ... -
rocketmq安装部署.txt
2021-11-07 19:10 232docker search rocketmq docke ... -
定时调用函数功能实现
2021-06-11 10:26 1119<html> <head> & ... -
uniApiJs
2021-06-08 18:04 0//获取当前的地理位置、速度 function getLoca ... -
JVM 调优与测试
2021-05-22 22:24 604VisualVM 能够监控线程，内存情况，查看方法的CPU ... -
点击DIV触发上传文件的方法
2021-05-20 14:11 1232<div Style="float:left ... -
springboot tomcat 参数配置与数据库连接池多少的性能分析
2021-05-12 22:15 582参数配置与数据库连接池多少的性能分析 tomcat线程数 ... -
springBoot tomcat配置参数说明
2021-05-12 09:13 3068#最大连接数 server.tomcat.max-connec ... -
前端格式化工具与检测工具选择与使用
2021-05-10 20:26 754//工具安装前的准备与 ... -
indexedDb TEST
2021-03-24 08:36 532<!DOCTYPE html> <html& ... -
技术选型
2021-01-29 17:34 3101.移动端组件vux,vant,vant好点，文档好的，基于v ... -
方便开发调试和问题跟踪
2021-01-01 10:17 2611.外网最好可以连接数据库 2.关键信息可以在接口返回信息， ... -
defineProperty Array push 监听
2020-10-31 15:16 478<!DOCTYPE html> <html ... -
weuiJsLayer.js
2020-07-24 09:56 301var weuiJsAlterMap = {}; f ...
相关推荐
在本文中，我们将深入探讨“百度人脸识别Windows Java离线SDK”的相关知识点，这是一款专为Windows平台设计的、基于Java的计算机视觉库，主要用于实现高效、精准的人脸识别功能。在人工智能领域，尤其是在计算机视觉...
**Android Studio 百度人脸识别SDK** 在Android应用开发中，集成百度人脸识别SDK可以让开发者实现诸如人脸检测、识别、对比等功能，提升用户体验并增加应用的安全性。Android Studio是Google推出的一款强大的...
**百度人脸识别Node.js SDK** 在IT领域，尤其是人工智能（AI）和计算机视觉的应用中，人脸识别技术扮演着重要的角色。百度作为中国领先的科技公司，提供了一系列的AI服务，其中包括人脸识别服务。这个“百度人脸...
基于百度人脸识别API的人脸识别信息收集小程序，使用 PolarDB 云数据库、云服务器搭建开发；该小程序通过特别的人脸标识码来标记人脸，微信调用gps记录地理位置信息，并记录用户相关信息。 已有体验版小程序已通过...
在"SSM调用百度人脸识别demo"这个项目中，我们将看到如何将SSM与百度的人脸识别API集成，实现图像处理和人脸识别功能。 首先，我们需要了解SSM框架的基础知识。Spring框架提供依赖注入(DI)和面向切面编程(AOP)，...
本demo调用百度人脸识别离线SDK， 实现的基本功能: 1)检测图片中是否有人脸; 2)从图片中取特征值; 3)两个特征值对比(1:1), 可在此基础上做1:N(测试单线程2W的人脸库500ms出结果); 这里只是调用SDK的代码，没有SDK包...
本文将详细介绍“百度人脸识别C++-SDK”，它是一个专为C++开发者设计的工具包，用于集成百度人工智能（AI）的人脸识别技术。该SDK允许开发者在C++项目中轻松地接入百度的人脸检测、人脸识别和比对等功能。 ### 1. ...
【百度人脸识别API】是百度公司提供的一个人工智能服务，它基于深度学习技术，实现了高精度的人脸检测、特征提取、人脸识别等功能。这个API允许开发者在自己的应用中集成人脸识别能力，例如用于用户身份验证、人脸...
在本文中，我们将深入探讨如何使用C#语言调用百度人脸识别离线SDK，这是一个强大的工具，可以帮助开发者在本地环境中实现高效、准确的人脸识别功能。百度人脸识别离线SDK提供了多种功能，包括人脸检测、人脸比对、...
【百度人脸识别API接口Demo详解】 本文将详细介绍如何使用百度人脸识别API接口，并通过提供的Delphi示例代码进行实际操作。百度人脸识别API是百度AI开放平台的一部分，它提供了强大的面部识别技术，包括人脸检测、...
**百度人脸识别Demo详解** 本文将深入探讨如何使用百度离线人脸识别SDK来构建一个人脸检测、对比及识别的示例应用。这个"百度人脸识别Demo"基于百度AI平台的技术，旨在为开发者提供一个快速入门的起点，让你能够...
结合百度人脸识别技术，我们可以创建一个功能强大的混合移动应用。下面将详细探讨基于百度人脸识别封装的React Native模块在Android和iOS平台的应用。 首先，React Native（RN）是JavaScript框架，它使用“Learn ...
【百度人脸识别实例】是利用百度在线人脸识别API在Android Studio环境下构建的一个实际应用示例。这个DEMO展示了如何在安卓平台上集成并使用百度的人脸识别技术，涵盖了从申请API密钥到实现功能模块的全过程。 首先...
标题：“百度人脸识别REST_API帮助文档”描述：“百度人脸识别REST_API帮助文档，帮助你开发各种有意思的APP”标签：“人脸识别” 知识点： 1. 人脸识别技术概述：百度媒体云人脸识别服务依托百度世界领先的人脸...
首先，"百度人脸识别"是百度提供的一项AI服务，它基于深度学习技术，能够实现人脸检测、特征提取、人脸比对、人脸搜索等功能。这项服务广泛应用于身份验证、社交娱乐、智能安防等领域。 1. **人脸检测**：这是人脸...
在本文中，我们将深入探讨如何使用百度人脸识别SDK来实现人脸照片对比的demo。人脸照片对比技术是计算机视觉领域的一个重要应用，它广泛应用于安全验证、社交媒体、身份识别等多个场景。百度作为中国领先的人工智能...
【百度人脸识别安卓版】是一款基于安卓平台的人脸识别技术应用，由互联网巨头百度公司开发。该软件在2019年1月前是完整的版本，之后可能需要对文件授权进行更新以保持其功能正常运行。在这款软件中，开发者集成了一...
百度人脸识别Demo是百度AI开放平台提供的一款示例程序，用于展示其人脸识别API的功能和用法。开发者可以利用这个Demo快速了解如何在实际项目中集成百度的人脸识别服务。 1. **项目环境** - 本Demo适用于Visual ...
1.该项目是利用百度人脸识别接口模拟人脸识别登录 2.项目框架采用maven,springMVC 权限控制 3.后台解析接口返回参数 配置顺序 1 .先去百度人脸识别网站申请自己的项目获取key 2 . 配置AuthService下 clientId和 ...
在本文中，我们将深入探讨如何使用百度人脸识别API进行图片处理，包括人脸抠图、人脸库管理和人脸比对。首先，我们需要了解人脸识别技术的基本原理。人脸识别是计算机视觉领域的一个重要分支，它利用生物特征信息来...