vue 引入第三方文件(高拍仪),传值及接口调用。

news/2024/11/23 16:57:13/

vue引入第三方文件通常是放到根目录的public静态目录下:

例如jQuery文件:

 接下来进入到正题也就是我们的高拍仪文件(一样放到public静态目录下):

 引入之后我一般是同过ifram标签引入到vue组件中的

 ifram标签的src路径(根据静态目录public下vue的 index.js文件的相对路径进行引入)

第三方(高拍仪)向vue组件传值:

 1.第三方(高拍仪)通过parent.getFromIframe("传入的信息")向vue组件中传值

2.把vue实例中的方法引用给window对象 

 

3.通过调用实例方法接收传值

 获取拍照结果并上传到服务器

1.向vue页面传取拍照图片(base64格式)

 

2.获取拍照图片并解码上传到服务器

 

 有用的话请点赞,关注加收藏哦(。・ω・。)ノ♡


http://www.ppmy.cn/news/235194.html

相关文章

泛微E9下紫光G750高拍仪集成总结

最近做了一个E9和紫光高拍仪集成的开发,经过探索,初见成效,做下记录,也希望能对大家有所帮助。 采用的方式为base64上传图片,将图片上传到服务器物理路径后,调用E9生成到知识模块中,并更新到流程…

高拍仪拍照SDK开发(良田影像S300L|S500L)

高拍仪拍照SDK开发下载地址:点击下载 本SDK适用于:良田影像S300L|S500L 高拍仪如图: SDN开发包安装之后找到安装目录,如图: 大家找到各自需要的版本即可,需要注意的是如果需要上传图片到服务器的话&#…

维融高拍仪驱动通用_动态展示和教学 良田YL1050AF高拍仪评测

高拍仪的一大特点就是灵活多样,通过不同的工业设计用于文件扫描、视频展示、多媒体教学、信息采集、体温监测等等。良田最新款YL1050AF教学高拍仪通过巧妙的设计和专业的软件,为教学、培训、实时展示等应用带来了新的形式。 动态展示和教学 良田YL1050AF…

网页高拍仪图像上传

公司引进高拍仪,想拍完照片点上传按钮直接上传图片。高拍仪接口能提供照片的本地路径,现在的问题是不用file控件选择,只有路径,不知道如何上传到服务器,求解决方案。 方法: 使用泽优Web图片上传控件&#…

vue项目接入高拍仪

1.安装高拍仪本机驱动 2.安装结束以后辉生成相应的文档说明和使用范例 3.在浏览器打开samples下面的任何一个文件,可以作为参考相对完整的高拍仪功能调用; 如果遇到WebSocket 连接不上的情况: 报错信息:indexDouble.html:56 We…

在网页中调用摄像头实现拍照上传 - 高拍仪二次开发

在网页中调用摄像头实现拍照上传 高拍仪二次开发 在一些公共部门的办事处,比如银行、护照办理中心、税务等,我们可能会注意到办公桌上摆着这样一台机器。办公人员用它拍摄各种证件、文件、表格,有时候还会拍摄人物面部照片。 这个仪器的名字…

晨魅--高拍仪二次开发

开发环境:Windows7系统 高拍仪品牌:汉王(型号忘了。。。) 开发工具:MyEclipse8.5,JDK1.7,MySQL5.0,Tomcat6.0 框架结构:Struts1和JDBC 浏览器:360浏览器或IE浏…

高拍仪控件

终于搞定了高拍仪开发中的应用问题,附件中为高拍仪控件,可以直接导入到项目中进行高拍仪应用开发。 .net高拍仪源码 java高拍仪源码 高拍仪sdk 高拍仪应用代码示例