标签：arr Vue Java temp xhr exe data
Java-浏览器调用本地exe服务
Java+Vue编写的BS服务调用本地的exe服务，从技术来说介绍这块的内容本来就很少，浏览器访问本地文件从安全限制上又存在诸多限制，本文章也是本人在实际开发过程中遇到了需要这种应用的场景，花费一些时间实践出的一种解决方案。
1.Vue画面-button按钮
<el-button type="primary" size="small" @click="buttonClick">读卡</el-button>
2.Vue画面-buttonClick点击事件
buttonClick(){
const that = this;
//调用本地的test.html画面
setTimeout(() => {
that.cardNoUrl = "http://127.0.0.1:8000/test.html";
that.frameIF = true;
window.addEventListener('message', function (e) {
let data = "";
data = e.data;
if(data!=null && data!=undefined && data!=""){
var arr;
arr = data.split(";");
that.formOne.plateNo = arr[1];
that.formOne.crdNo = arr[0];
}
return;
})
}, 100);
},
3.Test.html文件内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
addEventListener("load", function () {
//初始化加载本地exe服务
var temp ="000000;000000"
const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://127.0.0.1:8000/read', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
temp = xhr.responseText;
window.parent.postMessage(temp, '*')
}else{
window.parent.postMessage(temp, '*')
}
};
xhr.send();
})
</script>
</body>
</html>
4.请求对应的exe服务
依据实际需求编写读取IC卡信息的exe服务
标签：arr,
Vue,
Java,
temp,
xhr,
exe,
data
From： https://blog.51cto.com/u_16747707/12246129