使用网络摄像头扫描二维码，从网络摄像头获取图像

Question

我有这个代码可以在此源代码https://github.com/khanamiryan/php-qrcode-detector-decoder 的帮助下扫描和解码 qr 图像，它会从您的文档中扫描图像文件..但我想使用我的网络摄像头扫描 qr。

二维码扫描脚本是这个

  <?php
if ($_SERVER['REQUEST_METHOD'] != "POST"){
    header("location:take-attendance.php");
    die();
}

require "vendor/autoload.php";

$qrcode = new Zxing\QrReader($_FILES['qrimage']['tmp_name']);
$text = $qrcode->text();

var_dump($text);

?>

然后我拍摄快照的网络摄像头是这样的

 <form action="decode.php" method="post" enctype="multipart/form-data">
<script src="webcam.js"></script> <!--source code script from github for webcam config-->

    <div id="my_camera" style="width:320px; height:240px;"></div>
    <div id="my_result"></div>

    <script type=text/javascript>
        Webcam.attach( '#my_camera' );

        function take_snapshot() {
            Webcam.snap( function(data_uri) {
                document.getElementById('my_result').innerHTML = '<img src="'+data_uri+'"/>';
            } );
        }
    </script>

    <a href="javascript:void(take_snapshot())">Take Snapshot</a>

所以我点击拍摄快照，图像将显示为 img src，如果我点击扫描，我希望获取该图像，这意味着我需要替换此代码

$qrcode = new Zxing\QrReader($_FILES['qrimage']['tmp_name']);

当我点击那个快照时生成的文件名就是这个

<img src="'+data_uri+'"/>

但问题是我不知道如何编写代码的格式，这是我的想法，但它不起作用

$qrcode = new Zxing\QrReader($_FILES['data_uri']);

提前致谢

Answer 1

您不会在表单中发送任何内容。

以base64格式生成的快照，因此您只能将其作为字符串发送到服务器并解码为图像。

但更简单的是像这样使用 JS QR 解码器https://github.com/colcodev/qrcode-decoder-js

qrcode.decode(data_uri)

然后如果您需要通过简单的输入将结果发送到服务器

Webcam.attach( '#my_camera' );

function take_snapshot() {
    Webcam.snap(function(data_uri) {
        document.getElementById('my_result').innerHTML = '<img src="'+data_uri+'"/> - '+qrcode.decode(data_uri);
    });
}