我正在寻找在我的基于 HTML5 的网页中创建 QR 码阅读器的可能性。我做了一些谷歌搜索,所有链接都指向移动应用程序。
请帮助我了解如何使用 HTML5 和 JavaScript 读取包含 url 的 QR 码,然后将浏览器重定向到该 URL。
我正在寻找在我的基于 HTML5 的网页中创建 QR 码阅读器的可能性。我做了一些谷歌搜索,所有链接都指向移动应用程序。
请帮助我了解如何使用 HTML5 和 JavaScript 读取包含 url 的 QR 码,然后将浏览器重定向到该 URL。
JavaScript 解码器并不多。
在http://www.webqr.com/index.html有一个
最简单的方法是在您的服务器上运行ZXing或类似的。然后,您可以发布图像并在响应中获取解码结果。
Lazarsoft 的 jsqrcode 库现在仅使用 HTML5 即可完美运行,即getUserMedia
(WebRTC)。你可以在 GitHub 上找到它。
我还发现了一个非常简单的叉子。只需一个文件(加上 jQuery)和一个方法调用:请参阅GitHub 上的 html5-qrcode。
他们在http://www.webqr.com/index.html上展示的阅读器 就像一个魅力,但从字面上看,你需要网页上的那个,github 版本真的很难让它工作,但是,这是可能的。最好的方法是对网页上显示的示例进行逆向工程。
然而,要编辑并充分发挥它的潜力,并不是那么容易。在某个时候,我可能会发布经过精简的逆向工程 QR 阅读器,但与此同时,破解代码也有一些乐趣。
快乐编码。
The algorithm that drives http://www.webqr.com is a JavaScript implementation of https://github.com/LazarSoft/jsqrcode. I haven't tried how reliable it is yet, but that's certainly the easier plug-and-play solution (client- or server-side) out of the two.