一维码和二维码扫描集成(原创)

所属分类:其他-独立的部件,杂项

 34731  354  查看评论 (13)
分享到微信朋友圈
X
一维码和二维码扫描集成(原创) ie兼容10

注:PC端运行一定要有摄像头,选择扫码的的图像一定要清晰。

更新时间:2018/5/3 上午10:03:16

更新说明:修改了quagga.js的引用。需要使用包中最新版的quagga.js。或者使用最新版的CDN 

https://cdn.bootcss.com/quagga/1.0.0-beta.2/quagga.min.js

发布时间:2018-4-26 22:07

仅适用PC,移动端调用摄像头会有兼容问题,目前还未解决。

第一次打开需要获取摄像头使用权限。

点击开始扫描,会打开摄像头扫描,可以同时识别一维码或者二维码获取结果。

一维码可以进行多个扫描,并获取多个结果。二维码扫描成功后,需要刷新页面才能重新扫描。

一维码默认开启:EAN-13,Code 39,Code 128

如需其它格式编码请在 querySelectedReaders方法中 打开其余reader

querySelectedReaders: function(index,n) {
       // EAN-13:ean_reader
       // EAN-8:ean_8_reader
       // UPC-E:upc_e_reader
       // Code 39:code_39_reader
       // Codabar:codabar_reader
       // Code 128:code_128_reader
       // Interleaved 2 of 5:i2of5_reader
       // 编码配置reader
       var arr=["ean_reader","code_39_reader","code_128_reader"]
       return arr;
},
相关插件-独立的部件,杂项

jquer网页打印插件PrintArea.js

jquery实现页面打印可局部打印
  独立的部件
 71849  404

jQuery表格 可选择导出各种格式

表格内容详情可选择导出各种格式(Excel(xls)、PDF、PNG)
  独立的部件
 52032  509

二维码解析器

利用qrcode.js制作的二维码解析器,可以用该插件制作长按识别二维码功能!
  独立的部件
 63716  364

html5读取二维码

手机端web调用摄像头读取解析二维码
  独立的部件
 63284  434

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Null 0
    2021/8/30 18:03:21
    作者,求摄像头怎么改成后面的 回复
    frog2861 0
    2020/11/6 16:28:18
    请问,啥时候解决手机端的问题?现在发现手机上用Chrome,能扫描二维码,但不能扫描一维码,等着用呢。。。😀 回复
    ture. 0
    2020/3/4 15:47:17
    好像试了打不开摄像头
        ture.0
        2020/3/4 15:47:42
        有成功的人嘛
        闲趣丨下一站0
        2020/9/24 14:24:52
        浏览器摄像头关闭了吧
    回复
    一夕 0
    2018/8/22 10:03:23
    这个插件支持树莓派 Linux系统的谷歌浏览器嘛? 调用摄像头 出不来 回复
    hcolin 0
    2018/8/12 0:00:57
    问一下达人, Quagga.decodeSingle is not a function 遇上这样的问题该怎么解决? 回复
    shoujie008 0
    2018/5/8 12:27:20
    很想知道解析器是自己写的还是远程请求解析的
        frog28610
        2020/11/6 16:29:12
        js里解析的,不用调后台
    回复
    Mr.H 1
    2018/5/4 10:05:20
    线上查看演示,不能正常打开摄像头的同学。可尝试更换浏览器 如Firefox,Microsoft edge。
    或者下载到本地打开即可。

    注:不能打开的原因是,部分浏览器中需要https访问才能打开,使用http访问时 getUserMedia() 会因安全策略问题报错打不开摄像头,如新版Chrome。 回复
    Mr.H 0
    2018/5/3 9:55:20
    预览失败的同学,请修改index.html文件中quagga.js的引用路径。
    把 https://cdn.bootcss.com/quagga/0.11.6/quagga.min.js 替换成 js/plugs/quaggaJS/quagga.js。
    包里面的为最新版,使用cdn的老版本会报错(默默吐槽审核的小哥哥换错了包),不过没关系,版本修改已提交,稍后可正常预览。

    回复
    欣宝 0
    2018/4/27 2:05:56
    macbookair表示没有效果
        Mr.H0
        2018/5/3 9:59:23
        quagga.js的包引用错误,新版本已提交。你可以手动修改路径为 js/plugs/quaggaJS/quagga.js 或者 https://cdn.bootcss.com/quagga/1.0.0-beta.2/quagga.min.js
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复