Https测试页.html 44 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  5. <title>Https接口测试页</title>
  6. <script type="text/javascript" src="res/jquery.min.js"></script>
  7. <script type="text/javascript">
  8. //创建读卡控件
  9. var CertCtl = new IDCertCtl();
  10. var timer = 0;
  11. //身份证读卡控件创建
  12. function IDCertCtl() {
  13. //创建用于与服务交换数据的对象
  14. this.xhr = createXmlHttp();
  15. this.type = "CertCtl";
  16. this.height = 0;
  17. this.width = 0;
  18. //连接
  19. this.connect = CertCtl_connect;
  20. //断开
  21. this.disconnect = CertCtl_disconnect;
  22. //获取状态
  23. this.getStatus = CertCtl_getStatus;
  24. //读卡
  25. this.readCert = CertCtl_readCert;
  26. this.readCard = CertCtl_readCard;
  27. //读IC卡序列号
  28. this.readICCardSN = CertCtl_readICCardSN;
  29. //读身份证物理卡号
  30. this.readIDCardSN = CertCtl_readIDCardSN;
  31. //读安全模块接口
  32. this.getSAMID = CertCtl_getSAMID;
  33. //读M1卡扇区内容
  34. this.readM1Card = CertCtl_readM1Card;
  35. //写M1卡扇区内容
  36. this.writeM1Card = CertCtl_writeM1Card;
  37. //处理CPU卡APDU指令
  38. this.handleAPDUCMD = CertCtl_handleAPDUCMD;
  39. //设置项目识别码
  40. //this.setProgramCode = CertCtl_setProgramCode;
  41. //核验项目识别码
  42. this.checkProgramCode = CertCtl_checkProgramCode;
  43. this.Routon_Mute = CertCtl_RoutonMute;
  44. this.Routon_UnMute = CertCtl_RoutonUnMute;
  45. this.setRepeatRead = CertCtl_setRepeatRead;
  46. this.enableRepeatRead = CertCtl_enableRepeatRead;
  47. this.disableRepeatRead = CertCtl_disableRepeatRead;
  48. //循环读卡
  49. this.cycleRead = CertCtl_cycleRead;
  50. }
  51. //创建XMLHttpRequest 对象,用于在后台与服务器交换数据
  52. function createXmlHttp() {
  53. var xmlHttp = null;
  54. //根据window.XMLHttpRequest对象是否存在使用不同的创建方式
  55. if (window.XMLHttpRequest) {
  56. xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式
  57. }
  58. else if(window.ActiveXObject)
  59. {
  60. xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
  61. }
  62. //xmlHttp.withCredentials=false;
  63. return xmlHttp;
  64. }
  65. //连接方法
  66. function CertCtl_connect() {
  67. var result = "";
  68. var iParam1 = "1";
  69. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  70. CertCtl.xhr.open("POST", "https://127.0.0.1:18891/api/connect", false);
  71. //发送请求
  72. try {
  73. CertCtl.xhr.send();
  74. } catch (e) {
  75. }
  76. //返回值readyState 0: 请求未初始化
  77. // 1: 服务器连接已建立
  78. // 2:请求已接收
  79. // 3: 请求处理中
  80. // 4: 请求已完成,且响应已就绪
  81. //返回值status 200: "OK"
  82. // 404: 未找到页面
  83. //当返回值readyState为4且status为200时,为查询成功
  84. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  85. result = CertCtl.xhr.responseText;
  86. CertCtl.xhr.readyState = 1;
  87. }
  88. return result;
  89. }
  90. //断开方法
  91. function CertCtl_disconnect() {
  92. var result = "";
  93. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  94. CertCtl.xhr.open("POST", "https://localhost:18891/api/disconnect", false);
  95. //发送请求
  96. try {
  97. CertCtl.xhr.send();
  98. } catch (e) {
  99. }
  100. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  101. result = CertCtl.xhr.responseText;
  102. CertCtl.xhr.readyState = 1;
  103. }
  104. return result;
  105. }
  106. //获取状态方法
  107. function CertCtl_getStatus() {
  108. var result = "";
  109. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  110. CertCtl.xhr.open("POST", "https://localhost:18891/api/getStatus", false);
  111. //发送请求
  112. try {
  113. CertCtl.xhr.send();
  114. } catch (e) {
  115. }
  116. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  117. result = CertCtl.xhr.responseText;
  118. CertCtl.xhr.readyState = 1;
  119. }
  120. return result;
  121. }
  122. //执行读卡操作
  123. function CertCtl_readCard() {
  124. var result = "";
  125. try {
  126. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  127. CertCtl.xhr.open("POST", "https://localhost:18891/api/readCard", false); //readCard读卡,不生成正反面仿复印件
  128. //发送请求
  129. CertCtl.xhr.send();
  130. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  131. result = CertCtl.xhr.responseText;
  132. CertCtl.xhr.readyState = 1;
  133. }
  134. } catch (e) {
  135. }
  136. return result;
  137. }
  138. //执行读卡操作
  139. function CertCtl_readCert() {
  140. var result = "";
  141. try {
  142. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  143. CertCtl.xhr.open("POST", "https://localhost:18891/api/readCert", false); //readCert读卡,生成正反面仿复印件
  144. //发送请求
  145. CertCtl.xhr.send();
  146. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  147. result = CertCtl.xhr.responseText;
  148. CertCtl.xhr.readyState = 1;
  149. }
  150. } catch (e) {
  151. }
  152. return result;
  153. }
  154. //执行循环读卡操作
  155. function CertCtl_cycleRead()
  156. {
  157. var result = "";
  158. try {
  159. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  160. CertCtl.xhr.open("POST", "https://localhost:18891/api/readCard", false); //readCard读卡,不生成正反面仿复印件
  161. //CertCtl.xhr.open("POST", "https://localhost:18891/api/readCert", false); //readCert读卡,生成正反面仿复印件
  162. //发送请求
  163. CertCtl.xhr.send();
  164. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  165. result = CertCtl.xhr.responseText;
  166. CertCtl.xhr.readyState = 1;
  167. }
  168. } catch (e) {
  169. }
  170. return result;
  171. }
  172. //获取IC卡序列号
  173. function CertCtl_readICCardSN() {
  174. var result = "";
  175. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  176. CertCtl.xhr.open("POST", "https://localhost:18891/api/readICCardSN", false);
  177. //发送请求
  178. try {
  179. CertCtl.xhr.send();
  180. } catch (e) {
  181. }
  182. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  183. result = CertCtl.xhr.responseText;
  184. CertCtl.xhr.readyState = 1;
  185. }
  186. return result;
  187. }
  188. //获取身份证物理卡号
  189. function CertCtl_readIDCardSN() {
  190. var result = "";
  191. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  192. CertCtl.xhr.open("POST", "https://localhost:18891/api/readIDCardSN", false);
  193. //发送请求
  194. try {
  195. CertCtl.xhr.send();
  196. } catch (e) {
  197. }
  198. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  199. result = CertCtl.xhr.responseText;
  200. CertCtl.xhr.readyState = 1;
  201. }
  202. return result;
  203. }
  204. //获取SAMID
  205. function CertCtl_getSAMID() {
  206. var result = "";
  207. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  208. //getSAMID 获取的SAMID,格式为:05032013102800015247360103645891
  209. //getSAMIDStr 获取SAMID,格式为:05.03-20131028-0001524736-0103645891
  210. CertCtl.xhr.open("POST", "https://localhost:18891/api/getSAMIDStr", false);
  211. //发送请求
  212. try {
  213. CertCtl.xhr.send();
  214. } catch (e) {
  215. }
  216. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  217. result = CertCtl.xhr.responseText;
  218. CertCtl.xhr.readyState = 1;
  219. }
  220. return result;
  221. }
  222. //读M1卡扇区内容
  223. function CertCtl_readM1Card() {
  224. var result = "";
  225. var sid = "1";
  226. var bid = "1";
  227. var keyType = "1";
  228. var key = "ffffffffffff";
  229. if(document.getElementById("input_sid").value != "")
  230. {
  231. sid = document.getElementById("input_sid").value;
  232. }
  233. if(document.getElementById("input_bid").value != "")
  234. {
  235. bid = document.getElementById("input_bid").value;
  236. }
  237. if(document.getElementById("input_keytype").value != "")
  238. {
  239. keyType = document.getElementById("input_keytype").value;
  240. }
  241. if(document.getElementById("input_key").value != "")
  242. {
  243. key = document.getElementById("input_key").value;
  244. }
  245. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  246. CertCtl.xhr.open("POST", "https://localhost:18891/api/readM1Card?"+"SID="+sid+"&BID="+bid+"&KEYTYPE="+keyType+"&KEY="+key, false);
  247. //发送请求
  248. try {
  249. CertCtl.xhr.send();
  250. } catch (e) {
  251. }
  252. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  253. result = CertCtl.xhr.responseText;
  254. CertCtl.xhr.readyState = 1;
  255. }
  256. return result;
  257. }
  258. //写M1卡扇区内容
  259. function CertCtl_writeM1Card() {
  260. var result = "";
  261. var sid = "1";
  262. var bid = "1";
  263. var keyType = "1";
  264. var key = "ffffffffffff";
  265. var data = "00000000000000000000000000000000";
  266. if(document.getElementById("input_sid").value != "")
  267. {
  268. sid = document.getElementById("input_sid").value;
  269. }
  270. if(document.getElementById("input_bid").value != "")
  271. {
  272. bid = document.getElementById("input_bid").value;
  273. }
  274. if(document.getElementById("input_keytype").value != "")
  275. {
  276. keyType = document.getElementById("input_keytype").value;
  277. }
  278. if(document.getElementById("input_key").value != "")
  279. {
  280. key = document.getElementById("input_key").value;
  281. }
  282. if(document.getElementById("cmd").value != "")
  283. {
  284. data = document.getElementById("cmd").value;
  285. }
  286. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  287. CertCtl.xhr.open("POST", "https://localhost:18891/api/writeM1Card?"+"SID="+sid+"&BID="+bid+"&KEYTYPE="+keyType+"&KEY="+key+"&DATA="+data, false);
  288. //CertCtl.xhr.open("POST", "https://localhost:18891/api/writeM1Card?"+"SID="+sid+"&BID="+bid+"&KEYTYPE="+keyType+"&KEY="+key+"&DATA="+data, false);
  289. //发送请求
  290. try {
  291. CertCtl.xhr.send();
  292. } catch (e) {
  293. }
  294. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  295. result = CertCtl.xhr.responseText;
  296. CertCtl.xhr.readyState = 1;
  297. }
  298. return result;
  299. }
  300. //处理CPU卡APDU指令
  301. function CertCtl_handleAPDUCMD(){
  302. //var cmd = "00A4000000"; //基本命令(测试用):选择MF下的根目录,返回值为:6F15840E315041592E5359532E4444463031A5038801019000
  303. var cmd = "";
  304. if(document.getElementById("cmd").value != "")
  305. {
  306. cmd = document.getElementById("cmd").value;
  307. }
  308. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  309. CertCtl.xhr.open("POST", "https://localhost:18891/api/handleAPDUCMD?"+"APDUCMD="+cmd, false);
  310. //发送请求
  311. try {
  312. CertCtl.xhr.send();
  313. } catch (e) {
  314. }
  315. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  316. result = CertCtl.xhr.responseText;
  317. CertCtl.xhr.readyState = 1;
  318. }
  319. return result;
  320. }
  321. /*
  322. //设置项目识别码
  323. function CertCtl_setProgramCode(){
  324. var programData = "";
  325. if(document.getElementById("programData").value != "")
  326. {
  327. programData = document.getElementById("programData").value;
  328. }
  329. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  330. CertCtl.xhr.open("POST", "https://localhost:18891/api/setProgramCode?"+"PROGRAMCODE="+programData, false);
  331. //发送请求
  332. try {
  333. CertCtl.xhr.send();
  334. } catch (e) {
  335. }
  336. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  337. result = CertCtl.xhr.responseText;
  338. CertCtl.xhr.readyState = 1;
  339. }
  340. return result;
  341. }
  342. */
  343. //核验项目识别码
  344. function CertCtl_checkProgramCode(){
  345. var programData = "";
  346. if(document.getElementById("programData").value != "")
  347. {
  348. programData = document.getElementById("programData").value;
  349. }
  350. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  351. CertCtl.xhr.open("POST", "https://localhost:18891/api/checkProgramCode?"+"PROGRAMCODE="+programData, false);
  352. //发送请求
  353. try {
  354. CertCtl.xhr.send();
  355. } catch (e) {
  356. }
  357. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  358. result = CertCtl.xhr.responseText;
  359. CertCtl.xhr.readyState = 1;
  360. }
  361. return result;
  362. }
  363. //关闭声音
  364. function CertCtl_RoutonMute(){
  365. var result = "";
  366. var IsMute = true; //false - 开声音(默认开), true - 关声音
  367. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  368. CertCtl.xhr.open("POST", "https://localhost:18891/api/Routon_Mute?"+"ISMUTE="+IsMute, false);
  369. //发送请求
  370. try {
  371. CertCtl.xhr.send();
  372. } catch (e) {
  373. }
  374. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  375. result = CertCtl.xhr.responseText;
  376. CertCtl.xhr.readyState = 1;
  377. }
  378. return result;
  379. }
  380. //开启声音
  381. function CertCtl_RoutonUnMute(){
  382. var result = "";
  383. var IsMute = false; //false - 开声音(默认开), true - 关声音
  384. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  385. CertCtl.xhr.open("POST", "https://localhost:18891/api/Routon_Mute?"+"ISMUTE="+IsMute, false);
  386. //发送请求
  387. try {
  388. CertCtl.xhr.send();
  389. } catch (e) {
  390. }
  391. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  392. result = CertCtl.xhr.responseText;
  393. CertCtl.xhr.readyState = 1;
  394. }
  395. return result;
  396. }
  397. //设置重复读卡
  398. function CertCtl_setRepeatRead(){
  399. var result = "";
  400. var IsRepeat = false; //false - 不重复(默认开), true - 重复
  401. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  402. CertCtl.xhr.open("POST", "https://localhost:18891/api/setRepeatRead?"+"ISREPEAT="+IsRepeat, false);
  403. //发送请求
  404. try {
  405. CertCtl.xhr.send();
  406. } catch (e) {
  407. }
  408. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  409. result = CertCtl.xhr.responseText;
  410. CertCtl.xhr.readyState = 1;
  411. }
  412. return result;
  413. }
  414. // 允许重复读卡
  415. function CertCtl_enableRepeatRead() {
  416. var result = "";
  417. var IsRepeat = true; //false - 不重复(默认开), true - 重复
  418. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  419. CertCtl.xhr.open("POST", "https://localhost:18891/api/setRepeatRead?"+"ISREPEAT="+IsRepeat, false);
  420. //发送请求
  421. try {
  422. CertCtl.xhr.send();
  423. } catch (e) {
  424. }
  425. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  426. result = CertCtl.xhr.responseText;
  427. CertCtl.xhr.readyState = 1;
  428. }
  429. return result;
  430. }
  431. // 禁止重复读卡
  432. function CertCtl_disableRepeatRead() {
  433. var result = "";
  434. var IsRepeat = false; //false - 不重复(默认开), true - 重复
  435. //创建请求 第一个参数是代表以post方式发送;第二个是请求端口和地址;第三个表示是否异步
  436. CertCtl.xhr.open("POST", "https://localhost:18891/api/setRepeatRead?"+"ISREPEAT="+IsRepeat, false);
  437. //发送请求
  438. try {
  439. CertCtl.xhr.send();
  440. } catch (e) {
  441. }
  442. if (CertCtl.xhr.readyState == 4 && CertCtl.xhr.status == 200) {
  443. result = CertCtl.xhr.responseText;
  444. CertCtl.xhr.readyState = 1;
  445. }
  446. return result;
  447. }
  448. //转为Json格式
  449. function toJson(str) {
  450. //var obj = JSON.parse(str);
  451. //return obj;
  452. return eval('(' + str + ')');
  453. }
  454. //清空页面上显示的内容
  455. function clearForm() {
  456. //对应控件的值全部清空
  457. document.getElementById("timeElapsed").value = "";
  458. document.getElementById("certType").value = "";
  459. document.getElementById("timeElapsed").value = "";
  460. document.getElementById("venderId").value = "";
  461. document.getElementById("signature").value = "";
  462. document.getElementById("partyName").value = "";
  463. document.getElementById("gender").value = "";
  464. document.getElementById("nation").value = "";
  465. document.getElementById("bornDay").value = "";
  466. document.getElementById("certAddress").value = "";
  467. document.getElementById("certNumber").value = "";
  468. document.getElementById("certOrg").value = "";
  469. document.getElementById("effDate").value = "";
  470. document.getElementById("expDate").value = "";
  471. document.getElementById("result").value = "";
  472. document.getElementById("HeadPic").src = "";
  473. document.getElementById("PhotoDisplay").src = "";
  474. document.getElementById("FrontPic").src = "";
  475. document.getElementById("BackPic").src = "";
  476. //document.getElementById("programData").value = "";
  477. //document.getElementById("input_sid").value = "";
  478. //document.getElementById("input_bid").value = "";
  479. //document.getElementById("input_keytype").value = "";
  480. //document.getElementById("input_key").value = "";
  481. //document.getElementById("data").value = "";
  482. //document.getElementById("ACardResult").value = "";
  483. }
  484. //连接方法
  485. function connect() {
  486. //清空页面
  487. clearForm();
  488. try {
  489. //调用对应的连接方法,并赋值给result
  490. var result = CertCtl.connect();
  491. //如果result为空,代表读卡插件未启动
  492. if (result == "") {
  493. alert("未启动读卡插件!")
  494. } else {
  495. //result页面回显
  496. document.getElementById("result").value = result;
  497. }
  498. } catch (e) {
  499. }
  500. }
  501. //断开连接方法
  502. function disconnect() {
  503. //清空页面
  504. clearForm();
  505. try {
  506. //调用对应的断开连接方法,并赋值给result
  507. var result = CertCtl.disconnect();
  508. //如果result为空,代表读卡插件未启动
  509. if (result == "") {
  510. alert("未启动读卡插件!")
  511. } else {
  512. //result页面回显
  513. document.getElementById("result").value = result;
  514. }
  515. } catch (e) {
  516. }
  517. }
  518. //获取状态方法
  519. function getStatus() {
  520. //清空页面
  521. clearForm();
  522. try {
  523. //调用对应的获取状态方法,并赋值给result
  524. var result = CertCtl.getStatus();
  525. //如果result为空,代表读卡插件未启动
  526. if (result == "") {
  527. alert("未启动读卡插件!")
  528. } else {
  529. //result页面回显
  530. document.getElementById("result").value = result;
  531. }
  532. } catch (e) {
  533. }
  534. }
  535. //读卡方法
  536. function readCard() {
  537. //清空页面
  538. clearForm();
  539. //开始时间
  540. var startDt = new Date();
  541. //调用对应的读卡方法
  542. var result = CertCtl.readCard();
  543. //如果result为空,代表读卡插件未启动
  544. if (result == "") {
  545. alert("未启动读卡插件!")
  546. } else {
  547. //结束时间
  548. var endDt = new Date();
  549. //读卡时间回显
  550. document.getElementById("timeElapsed").value = (endDt.getTime() - startDt.getTime()) + "毫秒";
  551. document.getElementById("result").value = result;
  552. //var resultObj = toJson(result);
  553. //result = result.replace("\"resultFlag\":","\"resultFlag\":\"true\"");
  554. //格式化result
  555. //var resultObj = $.parseJSON(result);//windows10上面无法解析
  556. var resultObj = eval('(' +result+')');
  557. //resultFlag为0代表读卡成功
  558. if (resultObj.resultFlag == "0") {
  559. //回显相关数据
  560. document.getElementById("signature").value = resultObj.signature;
  561. document.getElementById("venderId").value = resultObj.venderId;
  562. document.getElementById("certType").value = resultObj.resultContent.certType;
  563. document.getElementById("partyName").value = resultObj.resultContent.partyName;
  564. document.getElementById("gender").value = resultObj.resultContent.gender;
  565. document.getElementById("nation").value = resultObj.resultContent.nation;
  566. document.getElementById("bornDay").value = resultObj.resultContent.bornDay;
  567. document.getElementById("certAddress").value = resultObj.resultContent.certAddress;
  568. document.getElementById("certNumber").value = resultObj.resultContent.certNumber;
  569. document.getElementById("certOrg").value = resultObj.resultContent.certOrg;
  570. document.getElementById("effDate").value = resultObj.resultContent.effDate;
  571. document.getElementById("expDate").value = resultObj.resultContent.expDate;
  572. document.getElementById("HeadPic").src = "data:image/jpeg;base64," + resultObj.resultContent.identityPic;
  573. } else if (resultObj.resultFlag == "-1") {
  574. if (resultObj.errorMsg == "端口打开失败") {
  575. alert("读卡器未连接");
  576. } else {
  577. alert(resultObj.errorMsg);
  578. }
  579. } else if (resultObj.resultFlag == "-2") {
  580. alert(resultObj.errorMsg);
  581. }
  582. }
  583. }
  584. //读卡方法
  585. function readCert() {
  586. //清空页面
  587. clearForm();
  588. //开始时间
  589. var startDt = new Date();
  590. //调用对应的读卡方法
  591. var result = CertCtl.readCert();
  592. //如果result为空,代表读卡插件未启动
  593. if (result == "") {
  594. alert("未启动读卡插件!")
  595. } else {
  596. //结束时间
  597. var endDt = new Date();
  598. //读卡时间回显
  599. document.getElementById("timeElapsed").value = (endDt.getTime() - startDt.getTime()) + "毫秒";
  600. document.getElementById("result").value = result;
  601. //var resultObj = toJson(result);
  602. //result = result.replace("\"resultFlag\":","\"resultFlag\":\"true\"");
  603. //格式化result
  604. //var resultObj = $.parseJSON(result);//windows10上面无法解析
  605. var resultObj = eval('(' +result+')');
  606. //resultFlag为0代表读卡成功
  607. if (resultObj.resultFlag == "0") {
  608. //回显相关数据
  609. document.getElementById("signature").value = resultObj.signature;
  610. document.getElementById("venderId").value = resultObj.venderId;
  611. document.getElementById("certType").value = resultObj.resultContent.certType;
  612. document.getElementById("partyName").value = resultObj.resultContent.partyName;
  613. document.getElementById("gender").value = resultObj.resultContent.gender;
  614. document.getElementById("nation").value = resultObj.resultContent.nation;
  615. document.getElementById("bornDay").value = resultObj.resultContent.bornDay;
  616. document.getElementById("certAddress").value = resultObj.resultContent.certAddress;
  617. document.getElementById("certNumber").value = resultObj.resultContent.certNumber;
  618. document.getElementById("certOrg").value = resultObj.resultContent.certOrg;
  619. document.getElementById("effDate").value = resultObj.resultContent.effDate;
  620. document.getElementById("expDate").value = resultObj.resultContent.expDate;
  621. document.getElementById("HeadPic").src = "data:image/jpeg;base64," + resultObj.resultContent.identityPic;
  622. document.getElementById("PhotoDisplay").src = "data:image/jpeg;base64," + resultObj.resultContent.identityPrintPic;
  623. document.getElementById("FrontPic").src = "data:image/jpeg;base64," + resultObj.resultContent.identityFrontPic;
  624. document.getElementById("BackPic").src = "data:image/jpeg;base64," + resultObj.resultContent.identityBackPic;
  625. } else if (resultObj.resultFlag == "-1") {
  626. if (resultObj.errorMsg == "端口打开失败") {
  627. alert("读卡器未连接");
  628. } else {
  629. alert(resultObj.errorMsg);
  630. }
  631. } else if (resultObj.resultFlag == "-2") {
  632. alert(resultObj.errorMsg);
  633. }
  634. }
  635. }
  636. function readICCardSN() {
  637. //清空页面
  638. clearForm();
  639. try {
  640. //调用对应的获取状态方法,并赋值给result
  641. //CertCtl.Routon_Mute();
  642. var result = CertCtl.readICCardSN();
  643. //如果result为空,代表读卡插件未启动
  644. if (result == "") {
  645. alert("未启动读卡插件!")
  646. } else {
  647. //result页面回显
  648. document.getElementById("result").value = result;
  649. }
  650. } catch (e) {
  651. }
  652. }
  653. function readIDCardSN() {
  654. //清空页面
  655. clearForm();
  656. try {
  657. //调用对应的获取状态方法,并赋值给result
  658. var result = CertCtl.readIDCardSN();
  659. //如果result为空,代表读卡插件未启动
  660. if (result == "") {
  661. alert("未启动读卡插件!")
  662. } else {
  663. //result页面回显
  664. document.getElementById("result").value = result;
  665. }
  666. } catch (e) {
  667. }
  668. }
  669. function getSAMID() {
  670. //清空页面
  671. clearForm();
  672. try {
  673. //调用对应的获取状态方法,并赋值给result
  674. var result = CertCtl.getSAMID();
  675. //如果result为空,代表读卡插件未启动
  676. if (result == "") {
  677. alert("未启动读卡插件!")
  678. } else {
  679. //result页面回显
  680. document.getElementById("result").value = result;
  681. }
  682. } catch (e) {
  683. }
  684. }
  685. function readM1Card() {
  686. //清空页面
  687. clearForm();
  688. try {
  689. //调用对应的获取状态方法,并赋值给result
  690. var result = CertCtl.readM1Card();
  691. //如果result为空,代表读卡插件未启动
  692. if (result == "") {
  693. alert("未启动读卡插件!")
  694. } else {
  695. //result页面回显
  696. document.getElementById("ACardResult").value = result;
  697. }
  698. } catch (e) {
  699. }
  700. }
  701. function writeM1Card() {
  702. //清空页面
  703. clearForm();
  704. try {
  705. //调用对应的获取状态方法,并赋值给result
  706. var result = CertCtl.writeM1Card();
  707. //如果result为空,代表读卡插件未启动
  708. if (result == "") {
  709. alert("未启动读卡插件!")
  710. } else {
  711. //result页面回显
  712. document.getElementById("ACardResult").value = result;
  713. }
  714. } catch (e) {
  715. }
  716. }
  717. function handleAPDUCMD() {
  718. //清空页面
  719. clearForm();
  720. try {
  721. //调用对应的获取状态方法,并赋值给result
  722. var result = CertCtl.handleAPDUCMD();
  723. //如果result为空,代表读卡插件未启动
  724. if (result == "") {
  725. alert("未启动读卡插件!")
  726. } else {
  727. //result页面回显
  728. document.getElementById("ACardResult").value = result;
  729. }
  730. } catch (e) {
  731. }
  732. }
  733. /*
  734. function setProgramCode() {
  735. //清空页面
  736. clearForm();
  737. try {
  738. //调用对应的获取状态方法,并赋值给result
  739. var result = CertCtl.setProgramCode();
  740. //如果result为空,代表读卡插件未启动
  741. if (result == "") {
  742. alert("未启动读卡插件!")
  743. } else {
  744. //result页面回显
  745. document.getElementById("ACardResult").value = result;
  746. }
  747. } catch (e) {
  748. }
  749. }
  750. */
  751. /* 检测输入内容
  752. function check()
  753. {
  754. var programCode = document.getElementById("programData").value;
  755. if(programCode == "")
  756. {
  757. alert("项目码不能为空");
  758. return false;
  759. }
  760. else if(programCode.length != 8)
  761. {
  762. alert("项目码为8个字符");
  763. return false;
  764. }
  765. else
  766. {
  767. for(var i=0; i<programCode.length; i++)
  768. {
  769. if(!(programCode.charCodeAt(i)>='0'.charCodeAt() && programCode.charCodeAt(i)<='9'.charCodeAt())
  770. && !(programCode.charCodeAt(i)>='a'.charCodeAt() && programCode.charCodeAt(i)<='z'.charCodeAt())
  771. && !(programCode.charCodeAt(i)>='A'.charCodeAt() && programCode.charCodeAt(i)<='Z'.charCodeAt())
  772. )
  773. {
  774. alert("项目码只能包含英文字母和数字");
  775. return false;
  776. }
  777. }
  778. }
  779. return true;
  780. }
  781. */
  782. function checkProgramCode() {
  783. //清空页面
  784. clearForm();
  785. try {
  786. //调用对应的获取状态方法,并赋值给result
  787. var result = CertCtl.checkProgramCode();
  788. //如果result为空,代表读卡插件未启动
  789. if (result == "") {
  790. alert("未启动读卡插件!")
  791. } else {
  792. //result页面回显
  793. document.getElementById("ACardResult").value = result;
  794. }
  795. } catch (e) {
  796. }
  797. }
  798. //定时器函数
  799. function testRead(){
  800. //开始时间
  801. var startDt = new Date();
  802. //调用对应的读卡方法
  803. var result = CertCtl.readCard();
  804. //如果result为空,代表读卡插件未启动
  805. if (result == "") {
  806. alert("未启动读卡插件!")
  807. } else {
  808. //结束时间
  809. var endDt = new Date();
  810. //读卡时间回显
  811. document.getElementById("timeElapsed").value = (endDt.getTime() - startDt.getTime()) + "毫秒";
  812. document.getElementById("result").value = result;
  813. //var resultObj = toJson(result);
  814. //result = result.replace("\"resultFlag\":","\"resultFlag\":\"true\"");
  815. //格式化result
  816. //var resultObj = $.parseJSON(result);//windows10上面无法解析
  817. var resultObj = eval('(' +result+')');
  818. //resultFlag为0代表读卡成功
  819. if (resultObj.resultFlag == "0") {
  820. //清空页面
  821. //clearForm();
  822. //回显相关数据
  823. document.getElementById("signature").value = resultObj.signature;
  824. document.getElementById("venderId").value = resultObj.venderId;
  825. document.getElementById("certType").value = resultObj.resultContent.certType;
  826. document.getElementById("partyName").value = resultObj.resultContent.partyName;
  827. document.getElementById("gender").value = resultObj.resultContent.gender;
  828. document.getElementById("nation").value = resultObj.resultContent.nation;
  829. document.getElementById("bornDay").value = resultObj.resultContent.bornDay;
  830. document.getElementById("certAddress").value = resultObj.resultContent.certAddress;
  831. document.getElementById("certNumber").value = resultObj.resultContent.certNumber;
  832. document.getElementById("certOrg").value = resultObj.resultContent.certOrg;
  833. document.getElementById("effDate").value = resultObj.resultContent.effDate;
  834. document.getElementById("expDate").value = resultObj.resultContent.expDate;
  835. document.getElementById("HeadPic").src = "data:image/jpeg;base64," + resultObj.resultContent.identityPic;
  836. document.getElementById("PhotoDisplay").src = "data:image/jpeg;base64," + resultObj.resultContent.identityPrintPic;
  837. } else if (resultObj.resultFlag == "-1") {
  838. if (resultObj.errorMsg == "端口打开失败") {
  839. alert("读卡器未连接");
  840. } else {
  841. //alert(resultObj.errorMsg);
  842. //document.getElementById("result").value = resultObj.errorMsg;
  843. }
  844. } else if (resultObj.resultFlag == "-2") {
  845. //alert(resultObj.errorMsg);
  846. //document.getElementById("result").value = resultObj.errorMsg;
  847. }
  848. }
  849. }
  850. function testCycleRead(){
  851. // CertCtl.setRepeatRead();
  852. timer = setInterval(testRead, 5000);
  853. }
  854. function closeCycleRead(){
  855. clearInterval(timer);
  856. }
  857. function enableRepeatRead() {
  858. //清空页面
  859. clearForm();
  860. try {
  861. //调用对应的获取状态方法,并赋值给result
  862. var result = CertCtl.enableRepeatRead();
  863. //如果result为空,代表读卡插件未启动
  864. if (result == "") {
  865. alert("未启动读卡插件!")
  866. } else {
  867. //result页面回显
  868. document.getElementById("result").value = result;
  869. }
  870. } catch (e) {
  871. }
  872. }
  873. function disableRepeatRead() {
  874. //清空页面
  875. clearForm();
  876. try {
  877. //调用对应的获取状态方法,并赋值给result
  878. var result = CertCtl.disableRepeatRead();
  879. //如果result为空,代表读卡插件未启动
  880. if (result == "") {
  881. alert("未启动读卡插件!")
  882. } else {
  883. //result页面回显
  884. document.getElementById("result").value = result;
  885. }
  886. } catch (e) {
  887. }
  888. }
  889. function Routon_Mute() {
  890. //清空页面
  891. clearForm();
  892. try {
  893. //调用对应的获取状态方法,并赋值给result
  894. var result = CertCtl.Routon_Mute();
  895. //如果result为空,代表读卡插件未启动
  896. if (result == "") {
  897. alert("未启动读卡插件!")
  898. } else {
  899. //result页面回显
  900. document.getElementById("result").value = result;
  901. }
  902. } catch (e) {
  903. }
  904. }
  905. function Routon_UnMute() {
  906. //清空页面
  907. clearForm();
  908. try {
  909. //调用对应的获取状态方法,并赋值给result
  910. var result = CertCtl.Routon_UnMute();
  911. //如果result为空,代表读卡插件未启动
  912. if (result == "") {
  913. alert("未启动读卡插件!")
  914. } else {
  915. //result页面回显
  916. document.getElementById("result").value = result;
  917. }
  918. } catch (e) {
  919. }
  920. }
  921. </script>
  922. </head>
  923. <body bgcolor="#D2F0FF">
  924. <h1 style="text-align:center;color:#5555FF;">身份证阅读器USB接入测试页面</h1>
  925. <table border="0" width="50%" cellpadding="0" cellspacing="0" style="padding-left:100px;">
  926. <tr>
  927. <td><input type="button" value="连接" onclick="connect()"></td>
  928. <td><input type="button" value="状态" onclick="getStatus()"></td>
  929. <td><input type="button" value="读卡(不合成照片)" onclick="readCard()"></td>
  930. <td><input type="button" value="读卡(合成照片)" onclick="readCert()"></td>
  931. <td><input type="button" value="断开" onclick="disconnect()"></td>
  932. <td><input type="button" value="读IC卡序列号" onclick="readICCardSN()"></td>
  933. <td><input type="button" value="读身份证物理卡号" onclick="readIDCardSN()"></td>
  934. <td><input type="button" value="读安全模块号" onclick="getSAMID()"></td>
  935. <td><input type="button" value="测试循环读卡" onclick="testCycleRead()"></td>
  936. <td><input type="button" value="关闭循环读卡" onclick="closeCycleRead()"></td>
  937. <td><input type="button" value="允许重复读卡" onclick="enableRepeatRead()"></td>
  938. <td><input type="button" value="禁止重复读卡" onclick="disableRepeatRead()"></td>
  939. <td><input type="button" value="关闭读卡提示音" onclick="Routon_Mute()"></td>
  940. <td><input type="button" value="开启读卡提示音" onclick="Routon_UnMute()"></td>
  941. </tr>
  942. </table>
  943. <br/>
  944. <table border="0" width="100%" cellpadding="0" cellspacing="10">
  945. <tr>
  946. <td align="right">读卡时间:</td>
  947. <td><input type="text" id="timeElapsed" size="49" style="width:400px;" readonly="readonly"></td>
  948. </tr>
  949. <tr>
  950. <td align="right">数字签名:</td>
  951. <td><input type="text" id="signature" size="49" style="width:400px;" readonly="readonly"></td>
  952. </tr>
  953. <tr>
  954. <td align="right">厂家标识:</td>
  955. <td><input type="text" id="venderId" size="49" style="width:400px;" readonly="readonly"></td>
  956. </tr>
  957. <tr>
  958. <td align="right">卡类型:</td>
  959. <td><input type="text" id="certType" size="49" style="width:400px;" readonly="readonly">(1-中国居民身份证,50-外国人永久居住证证,54-台湾居住证,55-港澳居住证)</td>
  960. </tr>
  961. <tr>
  962. <td align="right">中/英姓名:</td>
  963. <td><input type="text" id="partyName" size="49" style="width:400px;" readonly="readonly">(要求中间,两头都没有空格)</td>
  964. </tr>
  965. <tr>
  966. <td align="right">性别:</td>
  967. <td><input type="text" id="gender" size="49" style="width:400px;" readonly="readonly">(取值为“1”(表示“男”)或“0”(表示“女”))
  968. </td>
  969. </tr>
  970. <tr>
  971. <td align="right">民族/国籍:</td>
  972. <td><input type="text" id="nation" size="49" style="width:400px;" readonly="readonly">(汉字即可)</td>
  973. </tr>
  974. <tr>
  975. <td align="right">出生日期:</td>
  976. <td><input type="text" id="bornDay" size="49" style="width:400px;" readonly="readonly">(要求格式为:yyyyMMdd,长度为8)
  977. </td>
  978. </tr>
  979. <tr>
  980. <td align="right">住址:</td>
  981. <td><input type="text" id="certAddress" size="49" style="width:400px;" readonly="readonly">(外国人永久居留身份证地址为“空”)
  982. </td>
  983. </tr>
  984. <tr>
  985. <td align="right">身份证号:</td>
  986. <td><input type="text" id="certNumber" size="49" style="color:#FF0000;width:400px;" readonly="readonly">(居民身份号码,长度18位)
  987. </td>
  988. </tr>
  989. <tr>
  990. <td align="right">签发机关:</td>
  991. <td><input type="text" id="certOrg" size="49" style="width:400px;" readonly="readonly">(外国永久居留身份证签发机关为“机关代码”)
  992. </td>
  993. </tr>
  994. <tr>
  995. <td align="right">开始期限:</td>
  996. <td><input type="text" id="effDate" size="49" style="width:400px;" readonly="readonly">(要求格式为:yyyyMMdd,长度为8)
  997. </td>
  998. </tr>
  999. <tr>
  1000. <td align="right">结束期限:</td>
  1001. <td><input type="text" id="expDate" size="49" style="width:400px;" readonly="readonly">(要求格式为:yyyyMMdd,长度为8,或者是“长期”)
  1002. </td>
  1003. </tr>
  1004. <tr>
  1005. <td align="right">结果:</td>
  1006. <td><textarea id="result" rows="8" cols="47" style="width:400px;" readonly="readonly"></textarea></td>
  1007. </tr>
  1008. <tr>
  1009. <td align="right">照片:</td>
  1010. <td><img id="HeadPic" style="height: 126px; width: 102px" align="top" />
  1011. </tr>
  1012. <tr>
  1013. <td>预览:</td>
  1014. <td>
  1015. <img id="PhotoDisplay" style="width:341px; height:443px;"/>
  1016. </td>
  1017. <td>正面:</td>
  1018. <td>
  1019. <img id="FrontPic" style="width:341px; height:222px;"/>
  1020. </td>
  1021. <td>背面:</td>
  1022. <td>
  1023. <img id="BackPic" style="width:341px; height:222px;"/>
  1024. </td>
  1025. </tr>
  1026. </table>
  1027. <br>
  1028. <br>
  1029. <br>
  1030. <br>
  1031. <table border="0" width="100%" cellpadding="0" cellspacing="10">
  1032. <tr>
  1033. <!--td align="right"">扇区号:</td>
  1034. <td><input type="text" id="sid" size="49" style="width:50px;"></td>
  1035. <td align="right">块号:</td>
  1036. <td><input type="text" id="bid" size="49" style="width:50px;"></td>
  1037. <td align="right">密钥类型:</td>
  1038. <td><input type="text" id="keyType" size="49" style="width:50px;"></td>
  1039. <td align="right">密钥:</td>
  1040. <td><input type="text" id="key" size="49" style="width:100px;"></td-->
  1041. <td>
  1042. 扇区号(SID):<input type="text" style="width:60px;hidth:30px" id="input_sid" onkeyup="value=value.replace(/\D/g,'')" oncontextmenu="return false;" onblur="valid('input_sid',15)">
  1043. 块号(BID):<input type="text" style="width:60px;hidth:30px" id="input_bid" onkeyup="value=value.replace(/\D/g,'')" oncontextmenu="return false;" onblur="valid('input_bid',3)">
  1044. 秘钥类型(KeyType 1-keyA&nbsp;2-keyB):<input type="text" id="input_keytype" onkeyup="value=value.replace(/\D/g,'')" oncontextmenu="return false;" onblur="valid('input_keytype',2)">
  1045. 秘钥(Key):<input type="text" id="input_key">
  1046. </td>
  1047. </tr>
  1048. <tr>
  1049. <td >指令:<input type="text" id="cmd" size="49" style="width:400px;"></td>
  1050. </tr>
  1051. </table>
  1052. <table border="0" width="100%" cellpadding="0" cellspacing="10">
  1053. <tr>
  1054. <!--td><input type="button" value="读M1卡" onclick="readM1Card()"></td>
  1055. <td><input type="button" value="写M1卡" onclick="writeM1Card()"></td>
  1056. <td><input type="button" value="发送APDU指令" onclick="handleAPDUCMD()"></td-->
  1057. <td>
  1058. <input type="button" value="读M1卡" onclick="readM1Card()">
  1059. <input type="button" value="写M1卡" onclick="writeM1Card()">
  1060. <input type="button" value="发送APDU指令" onclick="handleAPDUCMD()">
  1061. </td>
  1062. </tr>
  1063. <tr>
  1064. </tr>
  1065. <tr>
  1066. <td>项目码:<input type="text" id="programData" size="49" style="width:100px;"></td>
  1067. </tr>
  1068. <tr>
  1069. <td>
  1070. <!--input type="button" value="设置项目码" onclick="setProgramCode()"-->
  1071. <input type="button" value="核验项目码" onclick="checkProgramCode()">
  1072. </td>
  1073. </tr>
  1074. <tr>
  1075. <td>结果:<textarea id="ACardResult" rows="8" cols="47" style="width:400px;" readonly="readonly"></textarea></td>
  1076. </tr>
  1077. </table>
  1078. <object id="CertCtl" type="application/cert-reader" width="0" height="0">
  1079. <object classid="clsid:30516390-004F-40B9-9FC6-C9096B59262E" id="CertCtl" width="0" height="0">
  1080. <object ID="CertCtl" classid="30516390-004F-40B9-9FC6-C9096B59262E" TYPE="application/cert-reader" width=0
  1081. height=0>
  1082. <!--<p style="color:#FF0000;">控件不可用,可能未正确安装控件及驱动,或者控件未启用。</p>-->
  1083. </object>
  1084. </object>
  1085. </object>
  1086. </body>
  1087. </html>