HTML5实现的二维码扫描与解析

简介：
本项目利用HTML5技术实现了网页端的二维码扫描及解析功能，无需额外插件，操作便捷，适用于多种设备和浏览器。 最近公司项目有一个需求，在微博客户端的H5页面上实现一个按钮可以与native交互来调用摄像头扫描二维码并解析。如果在非微博客户端（如微信或原生浏览器，例如Safari）中，则需要通过调用系统的拍照或者上传图片功能来达到同样的目的，并且可以通过拍摄的照片或上传的图片解析二维码。 第二种方案要求前端JavaScript进行二维码解析工作，因此需要用到一个第三方库jsqrcode。该库已支持在浏览器端直接调用摄像头的功能，但依赖于getUserMedia属性的支持。然而由于移动端浏览器对这个属性的支持并不理想，所以实际操作中只能通过间接方式上传图片来完成二维码的解析。 需要注意的是， getUserMedia 属性仅能在部分浏览器上正常使用。