reactjs - 如何在 React 中实现 Web 条形码扫描仪以在浏览器(桌面/移动)中工作?
问题描述
我想要一个摄像头视图,它使用设备的摄像头并检测条形码的数据。如何在 React 应用程序中完成?
不适用于 React Native。它必须使用浏览器在桌面和移动设备上工作。
解决方案
只要您使用以 JavaScript 实现的条形码库,您就可以使您的网络应用程序在桌面和移动设备上运行。
我写了一篇文章 - How to Build Web Barcode Scanner Using React and Webcam,向您展示了如何使用 Dynamsoft JavaScript Barcode SDK 从头开始构建这样的应用程序。
Dynamsoft JavaScript Barcode SDK是商业软件。如果您想免费使用开源SDK ,可以使用ZXing作为替代。
这是源代码:
推荐阅读
- mysql - 用于返回没有活动组成员身份的用户的 SQL 查询
- java - 如何将 Liquibase 与 Spring-Boot JPA 和 Maven 一起使用来管理来自 JPA 实体的迁移
- ruby-on-rails - ArgumentError:升级 Rails 6.1.3 时出现错误数量的参数错误
- powershell - 如何传入 .txt 文件以在 PowerShell 中创建类型字符串列表
- flutter - 无法在字段初始化程序中访问“this”以读取“assists”
- javascript - Firebase Emulator 无法在 Firefox 中建立连接
- r - 获取 R 中的估计后边际概率
- javascript - Javascript 在鼠标状态为“保持”时调用函数
- react-native - 更改子组件的 props 值导致渲染过多
- matlab - Matlab:细胞结肠的新希望?