一种基于二维码的大数据量传输方式

2018-06-21 11:46马俊俊王栋徐建良

软件导刊 2018年5期

马俊俊王栋徐建良

摘要：针对用户使用二维码进行数据传输时数据量较大的问题，提出一套基于B/S架构的Web端数据交换解决方案。该方案依托图像处理技术，浏览器端采用HTML5与JS技术，服务器端采用OpenCV与C++技术。测试及试运行结果表明，利用图像处理技术保存和识别大数据量二维码图像的方案是可行的。该系统不仅可方便用户在PC端和手机等移动端的日常使用，也为二维码的数据传输提供了一种新方式。

关键词：二维码；数据传输；图像处理；B/S架构

DOI：10.11907/rjdk.172733

中图分类号：TP319

文献标识码：A 文章编号：1672-7800（2018）005-0151-03

Abstract：The solution was proposed based on the Web data terminal switch within the B/S framework to solve the problem of large data quantity in quick response （QR） code transmission. We adopted image processing technology in this solution， used HTML 5 and JS technology for the browzer and employed OpenCV and C++ for the server terminal. The experiment showed that it was a feasible solution to store and recognise large QR Code imags， and it also provided a new method for QR code transmission.

Key Words：QR code； data transmission； image processing； B/S architecture

0 引言

随着科学技术的飞速发展，二维码技术因具有信息容量大、纠错能力强与编码范围广等优点在不同场合发挥着重要作用，比如信息获取、手机支付、网站跳转和防伪溯源等。现阶段二维码是国内外研究的热点，但大多数为二维码编解码方式在不同场景的应用，也有对二维码数据交换方式的研究，但还比较少且只是简单应用，例如基于二维码的医疗保健系统[1]，二维码技术在数字图书馆或食品安全监管中的应用[2-3]，企业利用二维码对数据实现双向传递的研究等[4]。这些研究虽然应用了二维码，但未充分考虑用户使用二维码的便捷性与包含大数据量二维码图像的识别问题，还有很多值得深入研究的地方。

因此，本文提出一种以二维码为介质，基于B/S架构的数据交换方式。HTML5可在各大主流浏览器上实现调用本地摄像头拍照，利用强大的画布功能进行图像预览，并与JS配合控制图像分块上传。对于大数据量的二维码图像进行分块拍摄，服务器端负责图像预处理、拼接与解码功能。该方式在PC端和手机等移动智能设备的浏览器上均可实现，也可应用于内外网物理隔离的信息化环境，既保证了数据交换的安全性，又方便了用户使用，有较强的实际应用价值。

1 编码设计与实现

基于B/S架构的Web端应用程序编码大致过程为：用户打开浏览器输入要编码的内容，浏览器将其发送给服务器，服务器端接收到数据后调用相应编码程序，将信息编码成二维码，并将该图像返回浏览器端实现渲染。该编码方法比较常见，可供参考的例子很多，此处不再赘述。

2 解码设计与实现

2.1 浏览器端设計与实现

在浏览器端，用户调用本地摄像头拍摄二维码图像，将该图像通过AJAX向服务器端发送http请求，服务器端接收到二维码图像后，调用相应处理程序对二维码图像进行识别处理，并将解码结果返回浏览器。前后端交互流程如图1所示。

2.1.1 浏览器调用摄像头

在HTML5出现之前，浏览器要获取本地摄像头只有通过第三方插件（ActiveX）或Flash获取，微软的Silvertlight中也可以获取，但这些方式比较复杂。HTML5出现后，可兼容各大主流浏览器，只要配合JS即能简单快速地获取本地摄像头，HTML5中的Canvas结合新增的标签可以打开本地摄像头并实现拍照和预览功能，部分代码如下：

公司地址: 北京市西城区德外大街83号德胜国际中心B-11

客服热线：400-656-5456 客服专线：010-56265043 电子邮箱：longyuankf@126.com

电信与信息服务业务经营许可证：京icp证060024号