强制下载 PHP 个生成的二维码图像

Question

我正在使用 Endroid\QrCode 生成带有 PHP 的二维码。这一切都很好，但我还是 post 代码。我正在尝试向我的页面添加一个下载按钮，以使其更加用户友好，而不是必须右键单击图像并从上下文菜单中选择 另存为 。但不是下载图像 (.png) 文件，而是将当前页面下载为 .htm 文件。对于生成的图像 PHP 而不仅仅是原始 png 图像，是否有不同的方法来完成此操作？

PHP:

<?php require_once '../control.php';
require_once '../vendor/autoload.php';

use Endroid\QrCode\QrCode;

$qrCode = new QrCode();


if($_GET['url'] != ''){
    $qrCode->setText($_GET['url']);
} else {
    $qrCode->setText(SITEHTMLROOT);
}
if($_GET['size'] != ''){
    $qrCode->setSize($_GET['size']);
} else {
    $qrCode->setSize(200);
}
if($_GET['padding'] != ''){
    $qrCode->setPadding($_GET['padding']);
} else {
    $qrCode->setPadding(10);
}
if($_GET['label'] != ''){
    $qrCode->setLabel($_GET['label']);
}
if($_GET['text_size'] != ''){
    $qrCode->setLabelFontSize($_GET['text_size']);
} else {
    $qrCode->setLabelFontSize(16);
}

$qrCode
    ->setErrorCorrection('high')
    ->setForegroundColor(array('r' => 0, 'g' => 0, 'b' => 0, 'a' => 0))
    ->setBackgroundColor(array('r' => 255, 'g' => 255, 'b' => 255, 'a' => 0))
    ->render()
;
?>

Javascript:

var getQRCode = function () {
  var url = $('#site_url').val();
  var size = $('#qr_size').val();
  var padding = $('#qr_padding').val();
  var label = $('#qr_label').val();
  var text_size = $('#qr_text_size').val();
  var QRcode = $('#final_QRCode');
  var get = '?url=' + url +'&&size=' + size + '&&padding=' + padding + '&&label=' + 
    label + '&&text_size=' + text_size;
  QRcode.attr('src', htmlroot + 'cgi/qrcode.php' + get);
  $('#qr_code_download').attr('src',  htmlroot + 'cgi/qrcode.php' + get);
};

HTML 按钮和图像：

<label>Your QR Code</label>
<div class="row"><img src="" id="final_QRCode" /></div>
<a href="#" id="qr_code_download" download="My QR Code">
  <div class="button special fit">Download This QR Code</div></a>

图片URL格式：

http://www.example.com/qrcode.php?url=myurl.html&size=300&padding=10&label=&text_size=16

Answer 1

为确保获取正确的 URL，请检查浏览器的开发人员工具网络选项卡。我建议对您的 javascript 代码进行以下修改应该有所帮助 - 添加 CDATA 括号意味着您可以在不破坏 HTML 验证的情况下使用任何字符，并且 URL 应该有一个符号来分隔参数不是双符号。

<script type="text/javascript"><![CDATA[
var getQRCode = function () {
  var url = $('#site_url').val();
  var size = $('#qr_size').val();
  var padding = $('#qr_padding').val();
  var label = $('#qr_label').val();
  var text_size = $('#qr_text_size').val();
  var QRcode = $('#final_QRCode');
  var get = '?url=' + url +'&size=' + size + '&padding=' + padding + '&label=' + label + 
    '&text_size=' + text_size;
  QRcode.attr('src', htmlroot + 'cgi/qrcode.php' + get);
  $('#qr_code_download').attr('href',  htmlroot + 'cgi/qrcode.php' + get);
};
]]></script>

此外，可能值得将一些 HTTP headers 添加到您的 PHP 脚本中，以确保浏览器了解它正在接收的内容类型，就在 QR 代码呈现语句之前，然后故意省略结束 PHP 标记，因为这可能会导致尾随空格干扰输出：

<?php
header( 'Content-type: image/png' );
$qrCode->setErrorCorrection('high')
  ->setForegroundColor(array('r' => 0, 'g' => 0, 'b' => 0, 'a' => 0))
  ->setBackgroundColor(array('r' => 255, 'g' => 255, 'b' => 255, 'a' => 0))
  ->render();
exit;

强制下载 PHP 个生成的二维码图像

Force Download of PHP generated QR code Image

javascript

php

qr-code

image-processing

download