【Web前端】---js调用本地应用程序

时间:2023-09-30 15:00:26

最近进入了一个项目组,向大牛们一起学习如何搞开发,可谓是边开发边学习。就在前两天,我们的项目被领导们验收了一次,顺便给我们提了点新的需求,要求我们能够使用外在设备拍照上传。君要臣死,臣不能不死。更何况,他们没有让我们死,仅仅是我们去完成一个任务。回来之后,我们的头——郑浩,把这个任务交给了我,顺便给我带回来了一台型号为 S500A3B 的良田牌高拍仪。让我既欣喜,又癫狂。

——————————背景

嗯嗯,上边分给了任务,我们该努力了。首先,我跟良田客服取得联系,向他们索要了关于良田高拍仪的应用程序包和二次开发接口。下面就轮到我来分享了。

在起初,通过上网查资料,我们确定了两种实施方案。分别是:

一:通过调用本地程序来实现

二:把程序集成到我们的项目里面,实现直接调用。

经过讨论,我们采取了第一种方法,因为良田高拍仪的驱动应用程序有点大,大约有1个G,比我们的材料还要大很多,不太方便。其次就是我们发布后,客户端本地没有相关软硬件支持,也难以控制。再就是可能有的客户不需要这个东西,硬性绑定不太灵活。

针对第一种方法,我们有两种思路。

一:固定软件安装地址,写死调用路径

二:通过vbs,实现通过注册表查找软件安装路径,实现调用。

本次,就分享一下实现固定调用的方法,因为实现这个比较简单:

首先,在前台,我们做一个按钮:

<span style="font-size:18px;">            <input type="button" value="拍摄照片" onFocus='this.blur()' title=" 拍摄照片 "  style="margin-right:20px;  width:149px; height:47px;background-color:rgb(145,203,45);font-size:20px;color:white;border:0px;text-align:center;" " href=# onclick="javascript:Run('file://F:/项目资料/某某文件/EloamNewV5.0/eloamSample.exe','File') "/></span>

然后在用js实现真正的调用:

//调用高拍仪设备
function Run(strPath) {
var objShell = new ActiveXObject("wscript.shell"); objShell.Run(strPath);
//关闭进程
objShell = null;
} </script>

就这么简单,但是,由于在期间我们用到了active控件,所以,暂时只在IE上面兼容,在别的浏览器上还没有实现,肯定还有别的方法。这也值得我们继续努力学习。在接下来就是我的成果了:

【Web前端】---js调用本地应用程序【Web前端】---js调用本地应用程序

【Web前端】---js调用本地应用程序【Web前端】---js调用本地应用程序

组长的面容没有拍上,就先看下我们组长的良好身材吧!

总结:

这是我第一次跟项目,学到了很多,我们头也教会了我很多。做项目,技术很重要,但是思想和想法同样重要。我们不能仅仅因为自己是新人就畏首畏尾,我们应该积极向牛人们学习。郑浩和志婷教会我很多。包括思想和技术。我会继续努力的!