良田高拍仪vue项目使用配置

vue3 web项目引入高拍仪 高拍仪的引入步骤就两步,安装SDK,然后根据官网的api进行开发。根据自己需要的功能,请求对应的接口。 阅读详情
AI摘要

使用高拍仪需通过接口访问,正常使用方式有浏览器配置跨域和使用https协议。使用axios请求良田高拍仪时,注意请求接口不加任何header信息,若配置了axios.defaults.withCredentials = true,需改为false或进行其他配置。

注意事项:由于该高拍仪是提供接口进行访问使用的,所以只有两种方式可以正常使用,浏览器配置跨域和使用https协议。

使用axios请求良田高拍仪注意事项

1.使用axios时注意不要在请求良田高拍仪接口时加任何header信息
2.如果有配置axios.defaults.withCredentials = true,请将其改为false,或进行如下配置

app.config.globalProperties.$gpy_url = "http://127.0.0.1:38088/";

import axios from 'axios'
axios.defaults.baseURL = base_url;
app.config.globalProperties.axios = axios;

// 添加请求拦截器
axios.interceptors.request.use((config) => {
    if (!config.url.includes('127.0.0.1:38088')) {
        config.withCredentials = true;
    }
    return config;
  }, (error) => {
    return Promise.reject(error);
  });
vue项目如何集成良田高拍仪(二次开发) 由于项目需要集成良田的高拍仪功能,所以按我们项目需要测试了一些功能,写了例子。 首先第一步,是去良田的官网去问售后一份demo例子 良田官方地址:https://www.eloam.cn/, 主要是因为每个机器的编码不同,需要问他们技术人员要二次开发文档,原本我们的高拍仪会赠送一个光盘,但是我们这边的暂时找不到了,所以有需要的可以找厂商支持。(最最重要的是,如果你的项目不是IE游览器的,一定要问他们要个跨游览器版本的控件) 要回来的文档就是这样子的,他们的文件是支持中文路径的,虽然感觉不怎么好。和安装后的 阅读详情

相关推荐

vue 连接高拍仪实现pc 端拍照上传功能

需求描述:实现电脑拍照内置摄像头拍照和连接高拍仪外置摄像头拍照。 实现原理:利用H5 调用浏览器的摄像头来实现视频功能,然后利用canvas 截图,把当前的屏幕截取,生成一张图片。 注意事项:电脑有内置的摄像头,也有外接的高拍仪,所以需要获取到全部的,然后可以选择切换摄像头。 打开弹窗时会默认获取所有的摄像头,并且默认选择第一个,然后打开摄像头。点击确定时会生成一张图片。然后拿到图片就可以调取接口了。 效果如下: 以下为拍照子组件代码: 里面有一点点数据是业务数据,可自行去掉。 <

qq_40247562的博客 4301

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

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

CCKing7的博客 2821

良田高拍仪Windows开发套件:ScanCtrl.ocx控件+7种语言Demo+上传示例

直接拿来就能用的良田高拍仪Windows端集成开发资源,核心是ScanCtrl.ocx ActiveX控件及其完整接口说明(PDF文档)。内置C#、VB、Delphi、VC++、Java、JavaScript、PowerBuilder七套可编译运行的示例工程,每个都带源码和实测配置——Delphi含.dpr/.dfm/.pas,VC++含项目文件和生成的exe,JavaScript通过index.html调用控件实现扫描+上传全流程。配套提供ComBase.dll和DllBase.dll两个必需依赖库,Up

read5的博客 251

vue3 webcam.js 高拍仪

2 在webcam.js 底部添加。3 注释掉 840行。

weixin_54432334的博客 2061

js(vue)图片自动裁剪(适合高拍仪单据上传)

js(vue)图片自动裁剪(适合高拍仪单据上传),只是做了简单的边缘获取逻辑处理,没有对图片的倾斜角度做矫正,以后可能会做,但是感觉不太好做。。。。。

良田高拍仪接口源码demo

良田高拍仪接口源码demo

捷宇高拍仪-vue

捷宇高拍仪-vue 框架vue-springboot 先去找捷宇售后要到他们的对接资料,会有他们的插件,不同的设备型号,插件会不一样,捷宇只适合windows系。插件安装后,去注册表搜索454C18E2-8B7D-43C6-8C17-B1825B49D7DE要能搜索到才行 我没有调用IE浏览器 我是在报captrue.bStopPlay is not a function的错误之后才实行的下面的方法 vue代码 <template> <div> <div styl

weixin_51698741的博客 1117

良田高拍仪图片上传良田高拍仪图片上传

文件上传接口,可实现缩略图多张上传,扫描直接上传等多种上传

良田高拍仪集成vue项目

一、硬件及开发包说明:   产品型号为良田高拍仪S1800A3,集成b/s系统,适用现代浏览器,图片使用BASE64数据。开发包的bin文件下的video.flt文件需要和高拍仪型号的硬件id对应,这个可以找厂家要然后替换.   开发包地址:https://github.com/xufeikko/webIm/blob/master/%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%...

weixin_33859665的博客 2333

HTML5调用本地摄像头拍照

兼容各大主浏览器,要部署在服务器上才可以调用到摄像头

高拍仪兼容ie和谷歌的vue 实现方式

解决高拍仪ie上打开空白页的bug。兼容ie10,ie11 和主流浏览器。 采用插件方式实现。需要插件的可以联系我。 这个页面已经封装好了。购买后有任何问题可以私信我。

良田官网提供的对接方法S500L高拍仪对接

这个是接口文档和下载链接,sdk安装运行后,会在本地开启一个服务,前端发送http请求就可以调用高拍仪了,安装目录下面也有demo,可以参考进行二次开发。现在收到回复说老版本2.3.0 这个版本已经不维护了,如果你们是新的系统,直接用新的1.3.7SDK调用就好。安装后进入安装路径,可以看到。

SSHLY3的博客 1253

C++,使用Qt设计一个登录窗口

使用Qt设计一个登录界面

heyu0311的博客 2991

c++ 二次开发 良田高拍仪_良田高拍仪集成vue项目

一、硬件及开发包说明:产品型号为良田高拍仪S1800A3,集成b/s系统,适用现代浏览器,图片使用BASE64数据。开发包的bin文件下的video.flt文件需要和高拍仪型号的硬件id对应,这个可以找厂家要然后替换.开发包文件目录:demo文件:samples->javascriptqwebchannel.js文件的改写二、控件运行原理控件大部分功能在后台运行,前端通过websocket传...

weixin_39955423的博客 744

SAP ABAP VL09 BAPI VL 216

ls_batch_item-fact_unit_denom = ls_lips_split-umvkn. "销售数量转换为 SKU 的值(分母)ls_batch_item-fact_unit_nom = ls_lips_split-umvkz. "销售数量转换成SKU的分子(因子)ls_batch_item-sales_unit_iso = ls_lips_split-meins. "被拆分DN基本单位。

ChampaignWolf的专栏 2300

保姆级教程:用MS建完分子模型,如何一键转成LAMMPS能用的data文件?

本文详细介绍了如何将Materials Studio(MS)构建的分子模型转换为LAMMPS可用的data文件的全流程。重点讲解了力场选择、环境配置、转换命令参数解析及常见问题排查,帮助初学者快速掌握MS与LAMMPS之间的数据转换技巧,特别适合计算材料学领域的研究人员。

weixin_42665255的博客 471

前端使用身份证阅读器(高拍仪)集成vue项目

最近做后台管理项目的时候 遇到一个问题 就是使用高拍仪读取身份证信息(良田高拍仪) 然后集成在页面上面 当时一脸懵逼 硬件交互 怎么集成在浏览器呢 于是问客服 客服一堆废话 连个js文件都没有 就让去看文档估计是不懂技术 然后自己慢慢的琢磨着 然后下载他们的sdk以及其他的控件 都可以正常使用了 但是 此时又出现一个问题 就是浏览器不支持 最后又找他们 他们从新给发了最新的sdk安装包...

xy19950125的博客 5454

总结-NuerIPS2023-Direct Preference Optimization:Your Language Model is Secretly a Reward Model

对比PPO,DPO的泛化能力更强。

m0_60361484的博客 1607

良田高拍仪 网页版 二次开发_良田YL1020高拍仪 快扫神器让办公更轻松

随着电子政务的普及,高拍仪的应用变得越来越广泛。作为高拍仪行业领军者,良田多年来致力于为用户带来使用方便、性能可靠的产品,YL1020便是其中的佼佼者。良田YL1020高拍仪良田YL1020是一款面向行业集成应用,采用最大A3纸文稿台,同时可以支持身份证读取、指纹传感、IC卡读取、SIN卡读取、二维码扫描等功能。这款高拍仪主摄像头的有效像素达1000万,即使放大10倍依然非常清晰;副摄像头则是20...

weixin_39927508的博客 826

Cadence Allegro 17.2 PCB设计避坑指南:从焊盘制作到封装绘制的完整流程

本文详细解析了Cadence Allegro 17.2在PCB设计中的关键操作技巧,从焊盘制作到封装绘制的完整流程。通过0402电阻和2.54mm排针的实例,揭示新手常见错误及解决方案,包括焊盘参数设置、层类型区分和坐标输入规范,帮助工程师避免设计返工和生产事故。

weixin_28683391的博客 409

海康工业相机排雷笔记02-像素格式解析

工业相机使用过程记录 02-像素格式解析 通过将相机输出图像裸数据raw格式直接存图查看 一、黑白/Mono 直接使用相机测试图像存图: 图像中各部分灰度分别为:0、36、73、109、146、182、219、255,以灰度73列为例 (1)Mono 8 该列图像数据为十六进制49,十进制为73,那么Mono 8就是每个像素点占8bit,依次排列。 (2)Mono 10 该列图像数据为十六进制2401,由于相机均为小端数据,实际数据应解析为0124,十进制为292=73*4,那么Mono 10格式为每

yonghuming_66的博客 8359

vue项目中使用词云_如何在vue项目中使用高拍仪

项目中使用到高拍仪,用来简单的拍照片上传。开发完后,看了下网上都是怎么集成的,全是一个版本的良田高拍仪集成vue项目把demo中的东西直接copy来,就用上了。这样在原生h5项目中使用无可厚非,但是放到vue项目中,直接操作dom,还是不太习惯。自己修改了下,顺便整理下过程。最终效果如下:image.png首先安装驱动:image.png逐个安装,然后替换video.flt就是了。连上高拍仪,de...

weixin_39731845的博客 1037

2.Vivado软件基础操作

在本章节,我们以一个简单的计数器实例,介绍FPGA开发软件Vivado的基础操作流程,计数器实例程序的设计,在本课程中先不同掌握,后续课程将针对verilog编程进行讲解。 打开Vivado软件,会看到如下的界面: 点击如下图所示的: 点击Next> 将这个地方,设置路径,注意路径必须是英文路径。且文件夹名称第一个字符不能为数字。所有路径的名称的字符数量不能超过144个符号。 点击Next> 点击Next> 点...

FPGA/MATLAB学习教程/源码/项目合作开发 4478

对接若依项目vue报错排查步骤Uncaught ReferenceError: GrabImage is not defined

A [出现GrabImage未定义错误] --> B{SDK是否加载成功?console.log("高拍仪初始化成功");B -->|否| C[检查路径/网络/文件名]D -->|否| E[根据文档修正函数名]H -->|兼容| I[联系厂商技术支持]-- 正确路径示例(根据实际位置调整) -->B -->|是| D{函数名是否正确?D -->|是| F{设备初始化完成?F -->|是| H[检查浏览器兼容性]F -->|否| G[添加初始化逻辑]H -->|不兼容| J[切换浏览器]

SSHLY3的博客 593

镜头调焦的 调整的是焦距还是像距?

在镜头 “调焦”(即日常拍照时的)中,调整的核心是,而非焦距。

AIoT深度探索者 | 嵌入式系统架构师 深耕物联网(IoT)与人工智能(AI)融合技术,聚焦​​边缘计算、图像开发、低功耗通信协议​​,致力于智能硬件,关注我获取最新技术文章信息与海量资源~ 1352

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

上一篇: springboot项目分页查询
下一篇: mysql建立主从集群
if时光重来
博客等级 码龄8年 248粉丝 217原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值