关于js获取条形码/二维码信息

lao_fangzi 2015-01-22 03:39:00

最近要做一个网站，要求用手机扫描获取条形码信息，新手，不懂思路，求指教

...全文

332 1 打赏收藏举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

kkjjww 2015-01-23

打赏
举报

回复

google有个二维的api

如何使用 ZXing.js 进行扫码如何调用阿里云 API 查询商品信息如何使用 vConsole 进行移动端调试这个 H5 扫码功能适用于商品扫码、门票验证、二维码解析等应用场景。你可以基于此代码扩展更多功能，如相册扫码,生成内部物品条码,扫码展示信息。

请注意，这些示例只是基于JavaScript原生API的简化实现，可能无法处理更复杂的条形码和二维码编码。同样地，要生成二维码，可以使用 JavaScript 原生 API 实现 QR Code 的编码和绘制。要使用 JavaScript 原生的 API 实现条形码或二维码生成，不依赖于任何库或第三方服务，可以使用一些算法来生成对应的图形。使用适当的软件或应用程序，用户还可以生成自己的条形码或二维码来存储个人信息或实现特定功能。然后，根据输入的编码数据，将每个字符替换为对应的编码序列，并绘制条形码的条纹。

大家好，我是码喽的自我修养！今天给大家分享Vue项目和微信小程序如何生成二维码和条形码，介绍了JsBarcode、wxbarcode等插件，并提供具体代码帮助大家深入理解，彻底掌握！

前言需求：尽在H5使用Js 完成扫码功能，不依托客户端支持；思路：使用video吊起后台摄像头 + 条形码解析插件；本文使用的框架有Vue + Vant + @zxing/library ，提示this.$message等方式不必使用Vant可以用自己框架； npm install Vue Vant @zxing/library -S 效果代码 <template> <section class="section"> <div class="pag

实现二维码或条形码的扫描识别比较普遍的做法是去调用微信 JS-SDK 的扫一扫功能或者支付宝 H5 开放的API。但是这两者都会比较麻烦且有一定的局限性，微信的扫一扫只能在微信里用，而且还需要公众号认证等配置操作。支付宝在内置 App 内可以同时识别二维码和条形码，但外部调用的 API 无法一次性同时识别，只能分开识别。使用开源库：https://github.com/zxing-js/library，本人移动端前端开发的框架是 Vue，组件库用的是 Vant，本文方案只要开发时用的电脑具有摄像头就可以实现

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章