php - 单击该图像保存由 GD PHP 创建的图像

Question

我在标签中显示了一个由 GD PHP 通过合并两个图像创建的图像。像这样的东西

$('#output_images').append(<img src="MergeIcons.php?icon1='+firstIcon+'&icon2='+secondIcon+'" /></li>');

这会正确输出图像，现在我想将其制作为可点击的图像，点击下载图像。

就像是

$('#output_images').append('<li><a href="DownloadNewIcon.php?file="MergeIcons.php?icon1='+firstIcon+'&icon2='+secondIcon+'"><img src="MergeIcons.php?icon1='+firstIcon+'&icon2='+secondIcon+'" /></a></li>');

我不确定href的值应该是什么？如果我在不同的 PHP 文件中处理下载，那么文件路径应该是什么？

我用于合并两个图标的 PHP 代码，

header('Content-Type: image/png');
imagepng($dest);

Answer 1

要让用户自动下载文件，请在 Content-Type 标头附近添加：

header('Content-Disposition: attachment; filename="'. $generateSomeFilename .'"');

这将导致大多数浏览器不输出图像，而是立即显示另存为对话框。

Answer 2

您需要添加一个事件处理程序并再次调用 PHP：

var url = 'MergeIcons.php?icon1='+firstIcon+'&icon2='+secondIcon;
var img = $('<img>', {'src':url}).on('click', function()
{
    document.href = url + '&download=true';
});
$('#output_images').append(img);

然后，在收到“download = true”参数时添加 Content-Type 标头。