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

高拍仪和一般家用的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等。

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

方正高拍仪文件上传到服务器,高拍仪拍摄文件后如何进行文字识别？本地文件能否导入高拍仪进行识别？...
原标题:高拍仪拍摄文件后如何进行文字识别?本地文件能否导入高拍仪进行识别? 日常办公和学习中,常常有许多资料需要进行二次编辑,但受限于文件是纸质文档或者图片文件,无法直接进行二次编辑,只能把相关信息手 ...
思源高拍仪万能驱动_动态展示和教学良田YL1050AF高拍仪评测
高拍仪的一大特点就是灵活多样,通过不同的工业设计用于文件扫描.视频展示.多媒体教学.信息采集.体温监测等等.良田最新款YL1050AF教学高拍仪通过巧妙的设计和专业的软件,为教学.培训.实时展示等应用 ...
高拍仪用法及部分问题处理
一.接入项目并使用 1.1 安装高拍仪驱动下载地址: https://www.eloam.cn/download/list/1 安装完成之后,打开驱动程序,即可看到接入的高拍仪的图像. 1.2 网页 ...
串口屏应用案例_大彩串口屏在高拍仪上的应用方案
一.概况高拍仪也有人称为速拍仪,或有的教育机构称之为备课王.一般来说,我们称之为高拍仪.是最新研发出来的一款超便携低碳办公用品,也是一款办公领域革新性产品,它具有折叠式的超便捷设计,能完成一秒钟高速 ...
web端刷卡器_web工程集成身份证读卡器，高拍仪
接到个模块,要在已有的web工程里集成身份证读卡器,高拍仪等硬件.一时摸不着头脑,网上搜了下,发现都写的高端到看不懂.后来找了个已成功集成的web工程研究了下,发现弱爆了.这种硬件设备都已经做好了对w ...
如何在Web页面上直接打开、编辑、创建Office文档 (转载)
有朋友询问如何在Web页面上做到像SharePoint中的效果一样,能直接激活客户端的Word来打开.doc文件,而不是类似直接点击.doc文档链接时Word在IE中被打开那样.想想这个问题应该很多人 ...
[ZZ]如何在Web页面上直接打开、编辑、创建Office文档
[作者:kaneboy,来源:博客堂] 有朋友询问如何在Web页面上做到像SharePoint中的效果一样,能直接激活客户端的Word来打开.doc文件,而不是类似直接点击.doc文档链接时Word在 ...
如何把python可视化到前端_python数据可视化的效果如何在web页面中展示_北京可视化股票...
有什么APP可以展示可视化的任务进度可视化任务进度软件,使用敬业签,具体可视有事项开始时间,进度及人.还有结束时间以及人员处理速等等,更多功能如下: 1.敬业签是一款功能比较全面的桌面便签软件,分为 ...
5分钟集成桌面摄像头或高拍仪到Web程序
简介桌面摄像头几乎是每台个人电脑必备的附件之一.实时聊天,远程协助等很多的桌面应用可以直接调用摄像头.然而在目前将桌面搬到云端的技术热潮中,在浏览器中直接集成摄像头也是一个热门需求.类似的实际应用场 ...
奔图高拍仪-vue二次开发
开发环境:Windows10系统高拍仪品牌:奔图PFZ1201 首先问那边技术要过来二次开发的sdk,安装成功后,文件夹里会有名为samples的文件夹,里面放着的就是demo了. 我的是这个版本 ...

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

原理

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

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

最新文章

热门文章