web版的二维码扫描,求助例子,或者办法, 不是APP! 不是APP 后台是java。

2016-06-13 10:18:43 562 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

实现手机扫描二维码页面登录，类似web微信-第三篇，手机客户端上一篇，介绍了二维码生成的机制，紧接着，我们就要开发手机客户端来识别这个二维码。二维码，实际上是记录了这个页面的sessionID，目的是为了最后让服务器能通过long polling的机制去通知到这个浏览器。创建二维码的时候我们采用了nodejs的QRcode库，其实如果换了其他的web服务器，也可以有其他的可选包，例如zxing。手机上用的比较多的就是zxing库，不过用过的人都知阅读详情

网页版小功能
就是打开扫描提示窗口
通过摄像头扫描条码或者二维码
识别成功后返回
这个功能用于移动POS扫商品条码等场合

现在不知道web怎么调用摄像头！

昨天搞了一天看了几个例子好像兼容性都有问题，而且也没有实现到扫二维码，有大神做过这种项目吗？
求完整的项目,或者demo。谢谢各位。

...全文

二维码扫描与页面跳转的完整流程解析本文详细解析了二维码扫描与页面跳转的完整流程，从核心原理到前后端实现，涵盖了二维码生成、扫码事件处理、后端验证机制及跳转逻辑等关键环节。特别介绍了如何使用qrcode.js生成二维码、WebSocket处理扫码状态以及JWT令牌验证设计，帮助开发者构建安全高效的扫码跳转系统。阅读详情

灵魂-Alex

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

fuzoudi6602 2016-07-18

打赏
举报

能留个联系方式吗，想请教几个问题

baidu_23977781 2016-07-04

打赏
举报

楼主问题解决了吗，最近我也在做类似的项目，求解啊

灵魂-Alex 2016-06-20

打赏
举报

求解= =！

灵魂-Alex 2016-06-15

打赏
举报

引用 9 楼 showbo 的回复:

[quote=引用 8 楼 qq_25980625 的回复:] 各位大神求支招。小弟我以前没做过web 目前了解的就只有两种方法了。但是都不怎么方便

web居于浏览器的，要是浏览器不支持就没有办法搞，这个和app有很大区别试试下面的，来自这里，自己看下：http://stackoverflow.com/questions/8581081/how-to-access-a-mobiles-camera-from-a-web-app

<input type="file" accept="image/*" capture="camera">

和这个http://stackoverflow.com/questions/6336641/html5-camera-access-through-browser-in-ios 这2个都需要用户选择拍照功能，而不是已经存在的文件[/quote] 是的比较麻烦的就是要解决浏览器兼容的问题。谢谢版主提供的方法。一定认真细看

斯洛文尼亚旅游 2016-06-15

打赏
举报

引用 8 楼 qq_25980625 的回复:

各位大神求支招。小弟我以前没做过web 目前了解的就只有两种方法了。但是都不怎么方便

web居于浏览器的，要是浏览器不支持就没有办法搞，这个和app有很大区别
试试下面的，来自这里，自己看下：http://stackoverflow.com/questions/8581081/how-to-access-a-mobiles-camera-from-a-web-app

<input type="file" accept="image/*" capture="camera">

和这个http://stackoverflow.com/questions/6336641/html5-camera-access-through-browser-in-ios

这2个都需要用户选择拍照功能，而不是已经存在的文件

灵魂-Alex 2016-06-15

打赏
举报

各位大神求支招。小弟我以前没做过web 目前了解的就只有两种方法了。但是都不怎么方便

灵魂-Alex 2016-06-14

打赏
举报

web版的还有没其他解决方法？

斯洛文尼亚旅游 2016-06-13

打赏
举报

一定要在客户端识别可以用http://lazarsoft.info这个网站的写的js+canvas来做，但是不是100%都能识别出来
javascript解码读取二维码信息

斯洛文尼亚旅游 2016-06-13

打赏
举报

二维码识别应该在服务器端，大把多现成的代码，客户端只需要调用摄像头拍照就行了，然后上传到服务器进行识别后返回 http://jingyan.baidu.com/article/63f2362833b9010208ab3d39.html

灵魂-Alex 2016-06-13

打赏
举报

引用 5 楼 KK3K2005 的回复:

网页版本处理摄像头麻烦网页版改成处理照片比较好

如果是摄像头还有照片两个比较的话确实处理照片比较好。用input type='file' 这个兼容性比较好。

KK3K2005 2016-06-13

打赏
举报

网页版本处理摄像头麻烦网页版改成处理照片比较好

灵魂-Alex 2016-06-13

打赏
举报

网上是很多扫二维码的例子但是大多数都是APP一类的，我这个只是web版,搜了很多个都是说用Html5的video & canvas标签然后通过navigator.getUserMedia来调用摄像头。我用ios系统原装的浏览器,还有uc的都没反应。求大神如果有好的例子或者办法教下。

灵魂-Alex 2016-06-13

打赏
举报

引用 1 楼 showbo 的回复:

二维码识别应该在服务器端，大把多现成的代码，客户端只需要调用摄像头拍照就行了，然后上传到服务器进行识别后返回 http://jingyan.baidu.com/article/63f2362833b9010208ab3d39.html

对的，我现在解码还有生成二维码，我都弄好了，就是客户端(web版)不知道怎么能兼容ios和安卓调用手机的摄像头。这个例子我看过了，兼容性不太好。很多浏览器都不支持。

web版的二维码扫描,求助例子,或者办法, 不是APP! 不是APP 后台是java。

相关推荐