php - 如何添加执行 PHP 文件的 HTML 按钮

Question

我需要一个 HTML 按钮来执行和检索此 URI 的值:

https://example.org/qrcodes/qrcode.php?user=

但是，我是 PHP 新手，不知道如何处理。

PHP 文件 grcode.php 包含以下内容:

header("Content-Type: image/png");

require "vendor/autoload.php";

use Endroid\QrCode\QrCode;
$user = 'https://example.org/mitglieder/' . $_GET['user']. '';
$username = $_GET['user']; 


$qrcode = new Endroid\QrCode\QrCode;
$qrcode->setText($user);
$qrcode->setSize(400);
$qrcode->setForegroundColor(['r' => 33, 'g' => 117, 'b' => 194, 'a' => 0]);
$qrcode->setBackgroundColor(['r' => 254, 'g' => 203, 'b' => 96, 'a' => 0]);
$qrcode->setLabel($username, 10);

$qrcode->writeFile($username.'.png');
echo $qrcode->writeString(); 

Answer 1

您可以使用 JQuery 实现此目的。首先，添加一个按钮:

<button type="button" id="qr-btn">View QR Code</button>

然后，向发送 GET 的按钮添加点击监听器请求 PHP 文件得到 echo $qrcode->writeString(); 的响应.

<script>
    $(document).ready(function() {
        $('#qr-btn').click(function() {
            $.get('qrcode.php', { user: 'currentUserName' })
                .done(function(response) {
                    // TODO: update the IMG src to the response data
                });
        });
    });
</script>

但是，我建议您不要发送用户名的(字符串)值，而是发送该用户的(整数)ID，然后进行数据库查询以获取用户名的(字符串)值，以防止将来出现任何问题安全漏洞。

---

更新<img src=这个例子的:

<img src="blank.png" id="profile-img">

你可以这样做:

$('#profile-img').attr("src", response);

---

但是，您应该:

这会占用您服务器上的大量资源，因为每次单击该按钮时，您都会创建一个新的 QR 码。可能会考虑在创建帐户时创建这些并将数据库中的图像路径存储到 QR 码，而不是有人编写一些 Javascript 来潜在地使用您的所有服务器内存。

你在这里做的:

$qrcode->writeFile($username.'.png');