Skip to content

H
hnxtbaboot
Commit 74de2358 by Jiang
Options

人员信息查询、手机信息查询

parent 00dd4191
Showing with 3 additions and 619 deletions
src/main/java/com/founder/controller/TbXwRycjController.java
......@@ -208,6 +208,7 @@ public class TbXwRycjController {
return "rygl/ryxxlist";
}
@RequestMapping("/saveJcjg")
@ResponseBody
public boolean saveJcjg(@ModelAttribute AfisQualityCk ryxx,Model model,String rybh,String zwbh,String RGdzw,String RPmzw,String RRx,String RZw,String RZj,
......
src/main/resources/application-dev.properties
......@@ -61,8 +61,8 @@ spring.datasource.stamsisajzwdb.driver-class-name=oracle.jdbc.driver.OracleDrive
spring.datasource.stamsisajzwdb.type: com.alibaba.druid.pool.DruidDataSource
#警综数据源配置（山西使用）
spring.datasource.jwzhdb.url=jdbc:oracle:thin:@127.0.0.1:1521:ORCL
spring.datasource.jwzhdb.username=XZXT
spring.datasource.jwzhdb.password=XZXT
spring.datasource.jwzhdb.username=xzxt
spring.datasource.jwzhdb.password=xzxt
spring.datasource.jwzhdb.driver-class-name=oracle.jdbc.driver.OracleDriver
spring.datasource.jwzhdb.type: com.alibaba.druid.pool.DruidDataSource
......
src/main/resources/templates/rygl/addryxx.html deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/resources/templates/rygl/addryxx_gk.html deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/resources/templates/rygl/addryxx_gk_bak.html deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
src/main/resources/templates/rygl/bjcj.html deleted 100644 → 0
<!doctype html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>摄像头拍照</title>
<link rel="stylesheet" href="/static/xtba/ssxdwp/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/xtba/ssxdwp/css/easyui.css">
<link rel="stylesheet" href="/static/xtba/ssxdwp/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/xtba/ssxdwp/css/base_initialize.css">
<link rel="stylesheet" href="/static/xtba/ssxdwp/css/collection.css">
<link rel="stylesheet" href="/static/xtba/ssxdwp/css/dialog-upload.css">
<link rel="stylesheet" href="/static/xtba/ssxdwp/css/dialog.css">
</head>
<body>
<input type="hidden" name="bjzpimg" id="bjzpimg" value=""/>
<div id="w" class="dialogclass" style="height: 100%;width: 100%;">
<div class="sx-left">
<img id="preview" height="350" width="350" />
<!--<video id="video" width="350" height="350" controls></video>-->
</div>
<div class="sx-btn" style="height: 35px;margin-left: 0px;margin-top: 140px;">
<a class="btn_a btn_search" style="height: 35px;" id="capture" onclick="catchimg()">拍照</a>
<a class="btn_a btn_empty" style="height: 35px;" onclick="pzwc()">完成</a><br>
选择摄像头：<select style="width: 150px;" id="camera1"></select>
</div>
<div class="preview">
<!--<canvas id="canvas" width="350" height="350"></canvas>-->
<img id="result" height="350" width="350" />
</div>
</div>
<script type="text/javascript" src="/static/xtba/ssxdwp/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/xtba/ssxdwp/js/base.js"></script>
<script type="text/javascript" src="/static/xtba/ssxdwp/js/function.js"></script>
<script type="text/javascript" src="/static/xtba/ssxdwp/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/static/xtba/ssxdwp/js/easyui-lang-zh_CN.js"></script>
<script>
function pzwc() {
debugger;
var imgstr = $("#wpzpimg").val();
$("#wpzpimgBase64").val(imgstr);
$("#fileImg").attr("src",imgstr);
$("#wpzpflag").val("1");
$('#w').dialog('close');
$(document).unbind("scroll");
}
var ws;
var flg = false;
var numtemp = -1;
function startXmcj(){
var options = $("#camera1 option:selected");
ws.send("{\"isSole\":1,\"isPreview\":1,\"cameraName\":\"" + options.text() + "\"}");
}
function catchimg() {
ws.send("{\"isSole\":1,\"index\":0}");
}
window.onload = initWS();
//初始化websocket
function initWS() {
debugger;
ws = new WebSocket("ws://127.0.0.1:49000");
ws.onopen = function(e) {
};
ws.onclose = function(e) {
//意外中断,再连接
//if (e.code == '1006' || e.code == '1002') {
// initWS();
// } else {
//$("#run").attr("disabled", false);
// }
}
ws.onmessage = function(e) {
var data = JSON.parse(e.data);
//正常结束,data.Context 可获取最后一张图原图base64
if (data.IsSole == 0) {
if (data.Code < 0) {
alert(data.Context);
}
//采集发生错误
else if (data.Code == 0) {
var context = "data:img/jpg;base64," + data.Context;
$("#content"+numtemp).attr('src', context);
} else if (data.Code == 1) {
var context = "data:img/jpg;base64," + data.Context;
$("#preview").attr('src', context);
} else if (data.Code == 10) {
var context = "data:img/jpg;base64," + data.Context;
$("#result").attr('src', context);
$("#bjzpimg").val(context);
}
} else {
if (data.Code == 2) {
var obj = JSON.parse(data.Context); //解析字符串---解析成object数组
for (var i = 0; i < obj.length; i++) {
document.getElementById("camera1").options.add(new Option(obj[i])); //使用纯js为select动态添加option
}
debugger;
var selected="LiteArray USB2.0 5M Camera";
$("#camera1").find("option").each(function(){
if(selected.indexOf($(this).text())>=0) {
$(this).attr("selected",true);
}
});
} else if (data.Code == 1) {
var context = "data:img/jpg;base64," + data.Context;
$("#preview").attr('src', context);
} else if (data.Code == 0) {
var context = "data:img/jpg;base64," + data.Context;
$("#result").attr('src', context);
$("#bjzpimg").val(context);
} else {
//$("#context"+numtemp).attr('src', data.context);
alert(data.Context);
}
}
//采集发生错误
}
}
$(function() {
startXmcj();
debugger;
$("select").bind("change", function () {
startXmcj();
})
});
</script>
</body>
</html>
\ No newline at end of file
src/main/resources/templates/rygl/demo.html deleted 100644 → 0
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<title>clipimg</title>
<script type="text/javascript" src="static/rygl/js/clipimg.js"></script>
<script type="text/javascript" src="static/easyui-window/js/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css" href="static/easyui-window/css/easyui.css">
<link rel="stylesheet" type="text/css" href="static/easyui-window/css/icon.css">
<script type="text/javascript" src="/static/js/function_tck.js"></script>
<link type="text/css" href="/static/rygl/css/catchimg.css" rel="stylesheet" />
<script LANGUAGE="javaScript">
function savePic() {
debugger;
var imgs = document.getElementById("thisimg").src;
var tishixingxi=imgs.substring(0,imgs.indexOf("data/image/png/base64/")); //提示信息
tishixingxi=imgs.substring(tishixingxi.length+"data/image/png/base64/".length,imgs.length);
var zpbw = window.parent.document.getElementById("zpbw").value;
if(zpbw==2){
window.parent.document.getElementById("imghead2").src=document.getElementById("thisimg").src;
window.parent.document.getElementById("R_ZMZP64").value=tishixingxi;
window.parent.document.getElementById("zmzpflag").value="1";
window.parent.document.getElementById("R_ZMZP_File").value="";
}else if(zpbw==3){
window.parent.document.getElementById("imghead3").src=document.getElementById("thisimg").src;
window.parent.document.getElementById("R_CMZP64").value=tishixingxi;
window.parent.document.getElementById("cmzpflag").value="1";
window.parent.document.getElementById("R_CMZP_File").value="";
}else if(zpbw==4){
window.parent.document.getElementById("imghead4").src=document.getElementById("thisimg").src;
window.parent.document.getElementById("R_YCMZP64").value=tishixingxi;
window.parent.document.getElementById("ycmzpflag").value="1";
window.parent.document.getElementById("R_YCMZP_File").value="";
}else if(zpbw==31){
window.parent.document.getElementById("imghead31").src=document.getElementById("thisimg").src;
window.parent.document.getElementById("tstz1Base64").value=tishixingxi;
window.parent.document.getElementById("tstzflag1").value="0";
}else if(zpbw==32){
window.parent.document.getElementById("imghead32").src=document.getElementById("thisimg").src;
window.parent.document.getElementById("tstz2Base64").value=tishixingxi;
window.parent.document.getElementById("tstzflag2").value="0";
}else if(zpbw==41){
window.parent.document.getElementById("imghead41").src=document.getElementById("thisimg").src;
window.parent.document.getElementById("bj1Base64").value=tishixingxi;
window.parent.document.getElementById("bjflag1").value="0";
}else if(zpbw==42){
window.parent.document.getElementById("imghead42").src=document.getElementById("thisimg").src;
window.parent.document.getElementById("bj2Base64").value=tishixingxi;
window.parent.document.getElementById("bjflag2").value="0";
}
}
function cjwc() {
window.parent.jtwc();
}
</script>
</head>
<body>
<div id="jt" class="dialog" style="height: 100%;width: 100%;">
<div class="dialog_mask"></div>
<div class="dialog_wrap" style="height: 100%;width: 100%;margin-top: 0px;">
<div class="dialog_container_clip" style="height: 100%;width: 100%;margin-top: 0px;">
<div style="height: 100%;width: 49%;float: left;margin-top: 50px;">
<div class="dialog_center_div">
<div class="dialog_clip"></div><!-- 这里放置图片 -->
</div>
<div class="dialog_center_div dialog_buttons">
<input id="dialog_picture" onchange="demo_loadFile(this.files)" type="file" style="position:absolute; z-index: -1; visibility: hidden;" accept="image/*" />
<label for="dialog_picture" class="dialog_button">上传</label><!-- 这个label对应上面的input，这是为了不显示input的文件名和按钮 -->
<div id="dialog_ok" onclick="demo_getDataURL()" class="dialog_button">截取</div>
<div onclick="cjwc()" class="dialog_button">完成</div>
</div>
<div class="dialog_center_div dialog_buttons">
<div id="dialog_zoomIn" onclick="demo_zoomIn()" class="dialog_button">放大</div>
<div id="dialog_zoomOut" onclick="demo_zoomOut()" class="dialog_button">缩小</div>
<div id="dialog_rotate" onclick="demo_rotate()" class="dialog_button">旋转</div>
</div>
</div>
<div style="height: 100%;width: 49%;float: right;margin-top: 0px;">
<div class="dialog_center_div">
<img id="thisimg" class="dialog_clipped_img" src=""/><!-- 这里放置截图后图片 -->
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="static/rygl/js/catchimg.js"></script>
</body>
</html>
src/main/resources/templates/rygl/dnabqdy.html deleted 100644 → 0
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<!--- 代码框-->
<link rel="stylesheet" href="static/rygl/css/dialog.css">
<script src="static/js/jquery.base64.js"></script>
<link rel="stylesheet" type="text/css" href="static/easyui-window/css/easyui.css">
<link rel="stylesheet" type="text/css" href="static/easyui-window/css/icon.css">
<script type="text/javascript" src="static/easyui-window/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui-window/js/function.js"></script>
<script type="text/javascript" src="../../static/zjcj/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="/static/rygl/js/jQuery.print.js"></script>
<script type="text/javascript" src="/static/rygl/js/jquery.jqprint-0.3.js"></script>
<script type="text/javascript" src="/static/rygl/js/jquery-migrate-1.0.0.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
function pop() {
$('.td_text').css({'border-bottom': '1px solid #000'});
document.getElementById("xm").innerHTML = window.parent.document.getElementById("xm").value;
document.getElementById("bmch").innerHTML = window.parent.document.getElementById("bmch").value;
//document.getElementById("xbdm").innerHTML = window.parent.document.getElementById("xbdm").value;
document.getElementById("xbdm").innerHTML = codeFormatter(window.parent.document.getElementById("xbdmStr").value,"CODE_XB");
document.getElementById("zjhm").innerHTML = window.parent.document.getElementById("gmsfhm").value;
//document.getElementById("mzdm").innerHTML = window.parent.document.getElementById("mzdm").value;
document.getElementById("mzdm").innerHTML = codeFormatter(window.parent.document.getElementById("mzdmStr").value,"CODE_MZ");
document.getElementById("csrqQsrq").innerHTML = window.parent.document.getElementById("csrqQsrq").value;
//document.getElementById("jgssxdm").innerHTML = window.parent.document.getElementById("jgssxdm").value;
document.getElementById("jgssxdm").innerHTML = codeFormatter(window.parent.document.getElementById("jgssxdmStr").value,"CODE_XZQH");
document.getElementById("hjdzDzmc").innerHTML = window.parent.document.getElementById("hjdzDzmc").value;
document.getElementById("rybh").innerHTML = window.parent.document.getElementById("rybh").value;
//document.getElementById("ajlbdm").innerHTML = window.parent.document.getElementById("ajlbdm").value;
document.getElementById("ajlbdm").innerHTML = codeFormatter(window.parent.document.getElementById("ajlbdmStr").value,"CODE_AJLB");
document.getElementById("zwcjdwdm").innerHTML = window.parent.document.getElementById("zwcjdwdm").value;
document.getElementById("lrdwdm").innerHTML = window.parent.document.getElementById("lrdwdm").value;
document.getElementById("lrr").innerHTML = window.parent.document.getElementById("lrrXm").value;
document.getElementById("lrsj").innerHTML = window.parent.document.getElementById("lrsj").value;
document.getElementById("lxdm").innerHTML = window.parent.document.getElementById("cjRlxdh").value;
}
//格式化字典
function codeFormatter(val,type){
var codeName="";
$.ajax({
url:"/queryNameByCode",
data:{"codeId":val,"codeType":type},
async:false,
type:"post",
dataType:"text",
success:function(data){
codeName=data;
},
error:function(e){
console.log("error="+JSON.stringify(e));
}
});
return codeName;
}
</script>
</head>
<body style="overflow: auto" onload="pop()">
<!--表格设置面板-->
<div id="jt" class="dialogclass" style="margin-top: -6px;">
<table class="table">
<tr class="tr">
<td style="width: 21%;font-size: 15px;">&nbsp;姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</td>
<td style="width: 25%;font-size: 15px;" align="center" class="td_text"><span id="xm"></span></td>
<td style="width: 13%;font-size: 15px;">别&nbsp;&nbsp;名</td>
<td style="width: 17%;font-size: 15px;" align="center" class="td_text"><span id="bmch"></span></td>
<td style="width: 10%;font-size: 15px;">性别</td>
<td style="width: 10%;font-size: 15px;" align="center" class="td_text"><span id="xbdm"></span></td>
</tr>
<tr class="tr">
<td style="width: 21%;font-size: 15px;">&nbsp;证&nbsp;件&nbsp;号&nbsp;码</td>
<td style="width: 55%;font-size: 15px;" colspan="3" align="center" class="td_text"><span id="zjhm"></span></td>
<td style="width: 10%;font-size: 15px;">民族</td>
<td style="width: 10%;font-size: 15px;" align="center" class="td_text"><span id="mzdm"></span></td>
</tr>
<tr class="tr">
<td style="width: 21%;font-size: 15px;">&nbsp;出&nbsp;生&nbsp;日&nbsp;期</td>
<td style="width: 25%;font-size: 15px;" align="center" class="td_text"><span id="csrqQsrq"></span></td>
<td style="width: 13%;font-size: 15px;">籍&nbsp;&nbsp;贯</td>
<td style="width: 37%;font-size: 15px;" colspan="3" align="center" class="td_text"><span id="jgssxdm"></span></td>
</tr>
<tr>
<td style="width: 21%;font-size: 15px;">&nbsp;户&nbsp;籍&nbsp;地&nbsp;址</td>
<td style="width: 75%;font-size: 15px;" colspan="5" align="center" class="td_text"><span id="hjdzDzmc"></span></td>
</tr>
<tr>
<td style="width: 21%;font-size: 15px;">&nbsp;人&nbsp;员&nbsp;编&nbsp;号</td>
<td style="width: 75%;font-size: 15px;" colspan="5" align="center" class="td_text"><span id="rybh"></span></td>
</tr>
<tr>
<td style="width: 21%;font-size: 15px;">&nbsp;涉&nbsp;案&nbsp;名&nbsp;称</td>
<td style="width: 75%;font-size: 15px;" colspan="5" align="center" class="td_text"><span id="ajlbdm"></span></td>
</tr>
<tr>
<td style="width: 21%;font-size: 15px;">&nbsp;采&nbsp;集&nbsp;单&nbsp;位</td>
<td style="width: 75%;font-size: 15px;" colspan="5" align="center" class="td_text"><span id="zwcjdwdm"></span></td>
</tr>
<tr>
<td style="width: 21%;font-size: 15px;">&nbsp;填&nbsp;表&nbsp;单&nbsp;位</td>
<td style="width: 38%;font-size: 15px;" colspan="2" align="center" class="td_text"><span id="lrdwdm"></span></td>
<td style="width: 17%;font-size: 15px;">填&nbsp;表&nbsp;人</td>
<td style="width: 20%;font-size: 15px;" colspan="2" align="center" class="td_text"><span id="lrr"></span></td>
</tr>
<tr>
<td style="width: 21%;font-size: 15px;">&nbsp;填&nbsp;表&nbsp;时&nbsp;间</td>
<td style="width: 38%;font-size: 15px;" colspan="2" align="center" class="td_text"><span id="lrsj"></span></td>
<td style="width: 17%;font-size: 15px;">联系电话</td>
<td style="width: 20%;font-size: 15px;" colspan="2" align="center" class="td_text"><span id="lxdm"></span></td>
</tr>
</table>
</div>
<div><button id="capture" onclick="jQuery('#jt').print();" style="cursor: pointer;background-color: orange;width: 60px;height: 27px;margin-top: 10px;margin-left: 174px;">打印</button></div>
</body>
</html>
\ No newline at end of file
src/main/resources/templates/rygl/showScan.html deleted 100644 → 0
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>指纹卡扫描</title>
<link rel="icon" href="static/zwbdxq/img/favicon.ico" type="image/x-icon">
<script language="javascript" src="/static/js/writeOcx.js"></script>
<script type="text/javascript" src="/static/ajgl/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/ajgl/js/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/static/easyui-window/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/static/easyui-window/js/function.js"></script>
<script type="text/javascript" src="/static/js/function_tck.js"></script>
<script type="text/javascript" src="/static/common/js/baseJs.js"></script>
<script src="/static/xtba/ythcj/js/bootstrap-select.min.js"></script>
<script src="/static/js/jquery.base64.js"></script>
<script>
window.onbeforeunload = onbeforeunload_handler;
function onbeforeunload_handler(){
var ifamis=$("#ifamis").val();
var zwbh = $("#zwbh").val();
var rybh = $("#rybh").val();
var username = $("#username").val();
alert("ifamis="+ifamis+"----rybh="+rybh+"----zwbh="+rybh+"----username="+username);
if(ifamis=="1"){
$.ajax({
url:"savePersonScanBackInfo.action?rzwbh="+zwbh+"&rrybh="+rybh,
async:false,//是否异步
error:function(XMLHttpRequest, textStatus, errorThrown) {
alert("获取采集信息异常！");
},
success:function(data){
//alert(data);
}
});
}
window.opener.location.reload();
}
</script>
</head>
<body style="overflow: auto">
<form name="showscan">
<input type="hidden" name="rybh" id="rybh" th:value="${rybh}" />
<input type="hidden" name="unitcode" id="unitcode" th:value="${unitcode}" />
<input type="hidden" name="unitname" id="unitname" th:value="${unitname}" />
<input type="hidden" name="unitname" id="username" th:value="${username}" />
<input type="hidden" name="ifamis" id="ifamis" value="1" />
<input type="hidden" name="zwbh" id="zwbh" th:value="${zwbh }" />
<table>
<tr>
<td>
<input type="button" value="关 闭" class=button3 name="closeScan" onclick="window.close()" />
</td>
</tr>
</table>
<object ID="PrtScanOcxCtrl" CLASSID="CLSID:276C0720-AB32-4091-AA01-ECE182D034B2" style="height: 100%;width:100%"></object>
</form>
<script language="javaScript" defer="defer">
var rybh=$("#rybh").val();
var xmlStr = "";
var scanunitname = $("#unitname").val();
var scanunitcode = $("#unitcode").val();
var scanpsn = "";
var createuser = $("#username").val();
var FINGERVALUE = "A0*#A0A0A0A0A0A0A0A0A0A0*#A0A0A0A0A0A0A0A0A0A0*#A0A0*#A0A0*#A0A0A0A0A0A0A0A0*#A0A0A0A0A0A0A0A0*#A0A0A0A0A0A0A0A0*#"; //初始化默认值，不再动态获取
var scandate = "";
var IPAddr = "";
$.post("/getTime","",function(result){scandate=result; scandate = scandate.replace(new RegExp("-","gm"),"");});
$.ajax({
url:"/ajaxGettoAfisStr",
type:"POST",
data:{"psnid" : rybh,"clientVersion" : "2"},
dataType:"text",
async: false,
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("获取人员文字信息失败！","提示");
},
success:function(data){
xmlStr = data;
}
});
document.getElementById("PrtScanOcxCtrl").SetParameters(xmlStr,scanunitname,scanunitcode,scandate,scanpsn,createuser,IPAddr,FINGERVALUE);
</script>
</body>
</html>
\ No newline at end of file
src/main/resources/templates/rygl/sxt.html deleted 100644 → 0
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<!--- 代码框-->
<link rel="stylesheet" href="static/rygl/css/dialog.css">
<script src="static/js/jquery.base64.js"></script>
<link rel="stylesheet" type="text/css" href="static/easyui-window/css/easyui.css">
<link rel="stylesheet" type="text/css" href="static/easyui-window/css/icon.css">
<script type="text/javascript" src="static/easyui-window/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui-window/js/function.js"></script>
<script type="text/javascript" src="static/rygl/js/clipimg.js"></script>
<link type="text/css" href="static/rygl/css/catchimg.css" rel="stylesheet" />
<script type="text/javascript" src="static/rygl/js/catchimg.js"></script>
<body style="overflow: auto">
<!--表格设置面板-->
<div id="jt" class="dialogclass">
<div class="sx-left">
<div class="dialog_mask"></div>
<div class="dialog_wrap">
<div class="dialog_container_clip">
<div class="dialog_center_div">
<div class="dialog_clip"></div><!-- 这里放置图片 -->
</div>
<div class="dialog_center_div dialog_buttons">
<input id="dialog_picture" onchange="demo_loadFile(this.files)" type="file" style="position:absolute; z-index: -1; visibility: hidden;" accept="image/*" />
<label for="dialog_picture" class="dialog_button">上传</label><!-- 这个label对应上面的input，这是为了不显示input的文件名和按钮 -->
<div id="dialog_ok" onclick="demo_getDataURL()" class="dialog_button">截图</div>
<div onclick="demo_good()" class="dialog_button">完成</div>
</div>
<div class="dialog_center_div dialog_buttons">
<div id="dialog_zoomIn" onclick="demo_zoomIn()" class="dialog_button">放大</div>
<div id="dialog_zoomOut" onclick="demo_zoomOut()" class="dialog_button">缩小</div>
<div id="dialog_rotate" onclick="demo_rotate()" class="dialog_button">旋转</div>
</div>
</div>
</div>
</div>
<div class="preview">
<img class="dialog_clipped_img" src="" /><!-- 这里放置截图后图片 -->
</div>
</div>
<script>
function openDialog(){
openUrlForm({
id:dialogId,
url:'sxt.html',
title:'摄像头',
width:800,
height:400,
cache:false
})
}
$(function(){
});
</script>
</body>
</html>
\ No newline at end of file
src/main/resources/templates/rygl/test.html deleted 100644 → 0
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="jquery.js"></script>
<title>摄像头拍照</title>
</head>
<body>
<video id="video" width="480" height="320" controls>
</video>
<div>
<button id="capture">拍照</button>
<button onclick="pzwc()">完成</button>
</div>
<canvas id="canvas" width="480" height="320"></canvas>
<script>
//访问用户媒体设备的兼容方法
function getUserMedia(constraints, success, error) {
if (navigator.mediaDevices.getUserMedia) {
//最新的标准API
navigator.mediaDevices.getUserMedia(constraints).then(success).catch(error);
} else if (navigator.webkitGetUserMedia) {
//webkit核心浏览器
navigator.webkitGetUserMedia(constraints,success, error)
} else if (navigator.mozGetUserMedia) {
//firfox浏览器
navigator.mozGetUserMedia(constraints, success, error);
} else if (navigator.getUserMedia) {
//旧版API
navigator.getUserMedia(constraints, success, error);
}
}
let video = document.getElementById('video');
let canvas = document.getElementById('canvas');
let context = canvas.getContext('2d');
function success(stream) {
//兼容webkit核心浏览器
let CompatibleURL = window.URL || window.webkitURL;
//将视频流设置为video元素的源
console.log(stream);
//video.src = CompatibleURL.createObjectURL(stream);
video.srcObject = stream;
video.play();
}
function error(error) {
console.log(`访问用户媒体设备失败${error.name}, ${error.message}`);
}
if (navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia) {
//调用用户媒体设备, 访问摄像头
getUserMedia({video : {width: 480, height: 320}}, success, error);
} else {
alert('不支持访问用户媒体');
}
document.getElementById('capture').addEventListener('click', function () {
console.log(video);
context.drawImage(video, 0, 0, 480, 320);
draw();
let ca2 = document.getElementById('canvas');
let img = convertCanvasToImage(ca2);
console.log(img);
})
function draw(){
let canvas = document.getElementById('canvas');
let context = canvas.getContext('2d'); //获取对应的2D对象(画笔)
context.fillStyle = '#ffffff'; //设置填充的背景颜色
context.fillRect(150,270,200,50); //绘制 800*300 像素的已填充矩形：
context.fillStyle = '#000000';
context.strokeStyle = '#000000'; //设置笔触的颜色
context.font = "bold 40px '字体','字体','微软雅黑','宋体'"; //设置字体
context.textBaseline = 'hanging'; //在绘制文本时使用的当前文本基线
context.fillText('曹寅' ,210,280); //设置文本内容
}
function convertCanvasToImage(canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/png");
return image;
}
function pzwc() {
let ca2 = document.getElementById('canvas');
var image = new Image();
image.src = ca2.toDataURL("image/png");
alert(image.src);
alert(ca2.toDateString());
alert(ca2.todayStr);
}
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment