单击该图像，保存由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标头。