网页实现二维码扫描和解析

最新推荐文章于 2024-08-10 10:10:58 发布

M FS

最新推荐文章于 2024-08-10 10:10:58 发布

阅读量2.6k

点赞数 8

文章标签： js javascript html 二维码 Java

本文链接：https://blog.csdn.net/qq_40561126/article/details/103823694

版权

在做一个B/S模式的超市管理系统时，想要实现用户的自助结账服务。这无疑需要使用扫码功能，在网上找了很多网页实现二维码扫描资料，但都没有能够很完整的实现。最后找到了一个博客给出了部分代码和重要的指导思想，但由于众多原因博主不能公布源代码，所以我就根据他给出的思想实现了扫码的整个过程。
大致思想分为三块：
1、调用系统摄像头将摄像头获取的视频流实时播放在video中。
html文本

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>scanQRcode</title>
    <script type="text/javascript" th:src="@{/asserts/js/jquery-2.2.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/asserts/js/reqrcode.js}"></script>
    <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>
</head>
<body>
<canvas id="myCanvas" width="200" height="200" hidden></canvas>
<vid