如何在Web页面里使用高拍仪扫描上传图像

news/2024/11/23 20:50:50/

高拍仪和一般家用的USB webcam的主要区别就是提供高质量的镜头,用于扫描文档,证件,书籍。学校,银行,政府部门用的比较多。这篇文章分享下在网页中使用高拍仪的方法。

原理

要在网页中打开摄像头有两种方法:
1. 使用JavaScript接口getUserMedia()在浏览器客户端直接获取视频流。
2. 创建一个服务进程去获取视频流数据,然后通过WebSocket或者HTTP请求发送到浏览器客户端中。

第一种方法虽然方便,但需要浏览器对H5有比较好的支持,限制比较多。第二种方法直接使用HTML的img元素,兼容所有的浏览器,客户端设置简单。这里分享第二种方法。

使用Dynamsoft Camera SDK在浏览器中控制高拍仪

Dynamsoft Camera SDK提供了一个后台进程,用于获取USB摄像头或者高拍仪的图像。开发者可以调用前端的JavaScript接口来创建Web应用。

想要体验的话,可以访问 https://www.dynamsoft.com/Products/dynamsoft-webcam-sdk.aspx.
网页中使用高拍仪

图像获取:

function onCapture() {if (!dcsObject) return;dcsObject.camera.captureImage('image-container');if (dcsObject.getErrorCode() !== EnumDCS_ErrorCode.OK) {alert('Capture error: ' + dcsObject.getErrorString());}}

图像上传:

function onUpload() {if (!dcsObject || !imageViewer) return;if (imageViewer.image.getCount() === 0) {alert('Please grab an image first.');return;}var counter,url = getCurPagePath() + 'upload',fileName = new Date().getMilliseconds() + '.jpg',imageType = imageViewer.io.EnumImageType.JPEG,bMultiImages = false,imageIndexArray = [];if (bMultiImages) {for (counter = 0; counter < imageViewer.image.getCount(); counter++)    imageIndexArray.push(counter);} else {imageIndexArray.push(imageViewer.image.getIndex());}imageViewer.io.setHTTPFormFields({"fileName": fileName});imageViewer.io.httpUploadAsync(url, imageIndexArray, imageType, onUploadSuccess, onUploadFailure);}

这里的url就是用于server端接收数据,上传图像的页面。支持的语言包括Python, PHP, Java, Node.js等。


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

相关文章

维山VS073高拍仪技术规格说明书

一、产品介绍 婚姻登记专用设备实现自动录入当事人个人生物特征信息&#xff08;人脸、指纹&#xff09; 、信息采集&#xff1b;实现电子签名、文件档案电子化&#xff08;高拍仪&#xff09;&#xff0c;实现婚姻登记高效精准服务。 二、技术参数 技 术 参 数 01 文档拍摄…

高拍仪器的使用方式

高拍仪工作原理是:先将图片保存在本地某个文件夹中,然后通过上传方法上传到服务器,最后删掉在本地保存的图片. 高拍摄仪切入代码 <div style"text-align: center;height:300px;"><object classid"clsid:454C18E2-8B7D-43C6-8C17-B1825B49D7DE"id&…

Mycat中间件综合部署高可用-读写分离-分库分表(1.6)

Mycat中间件综合部署&#xff08;1.6&#xff09; 实施拓扑 一&#xff0c;环境搭建 1.服务分配 主机服务192.168.2.1MySQL-cluster-1192.168.2.2MySQL-cluster-2192.168.2.3Mycat 2.MySQL-cluster1分配 server-id端口角色13306master123307slave133308master243309slave2…

通用高拍仪软件_动态展示和教学 良田YL1050AF高拍仪评测

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

高拍仪Twain接口功能

开启任一个支持标准Twain接口的软件即可呼出Twain窗口&#xff0c;如WPS&#xff1b;打开WPS依次选择“插入”---“图片”---“扫描仪”,选择Twain来源设备“WDTwain V1.2”后将出现WDTwain主窗口。&#xff08;此图示与各软件的接口有关&#xff0c;可能会有不同&#xff09; …

JSON与storage

JSON JSON由来 ◼ 在目前的开发中&#xff0c;JSON是一种非常重要的数据格式&#xff0c;它并不是编程语言&#xff0c;而是一种可以在服务器和客户端之间传输的数据格式。 ◼ JSON的全称是JavaScript Object Notation&#xff08;JavaScript对象符号&#xff09;&#xff1a…

计算机培训班价格多少钱?

电脑培训分为许多学科&#xff0c;如软件、硬件、多媒体、网络等多个项目&#xff0c;项目里面又有很多细分学科&#xff0c;如软件中又分为软件开发、java软件、安卓等&#xff0c;不同的专业计算机培训班价格也就不一样&#xff0c;总而言之就是根据大家所选择的课程进行判断…

100ah蓄电池多少度电

1、理论上可以存1.2度电。 2、蓄电池&#xff0c;是指放电后&#xff0c;能够用充电的方式使内部活性物质再生——把电能储存为化学能;需要放电时再次把化学能转换为电能。将这类电池称为蓄电池(Storage Battery)&#xff0c;也称二次电池。 3、瓦是功率单位&#xff0c;符号: …