超链接有效 - 带有“提交”按钮的 Html 表单无效

Question

我有一个 PHP 脚本，可以推送标头以允许下载文件。 当通过超链接或使用链接通过浏览器调用时，该脚本可以正常工作。 它看起来是这样的：

<a href="download.php?file=test.mp3&properFilename=Testing File">Download</a>

我希望这是一个按钮（sbumit），所以我这样做了：

<form action="download.php?file=test.mp3&properFilename=Testing File" method="get">
<input type="submit" value="Download Audio" name="download"/>
</form>

但是，这不起作用。 当我点击它时。 它启动下载对话框，但文件名为空。 它显示文件名为“.mp3”（不带引号）！ 通过超链接的同一链接显示了确切的文件名“测试文件”。 为什么是这样？？ 以下是相关的 PHP 代码片段：

$filename = '../'.$_GET['file'];
$properFilename = $_GET['properFilename'].'.mp3';

header("Content-Disposition: attachment; filename=\"".basename($properFilename)."\";" );
header("Content-Transfer-Encoding: binary");
header("Content-Length: ".filesize($filename));
readfile("$filename");
exit();   

感谢您的帮助。 这让我一天一夜都抓狂！！！

Answer 1

我认为操作 url 已被编码，并且未发送硬编码的 GET 参数。

您可以尝试将操作网址简单地设置为 download.php 并有两个包含“file”和“properFilename”参数的隐藏字段，如下所示：

<form action="download.php" method="GET">
  <input type="submit" value="Download Audio" name="download"/>
  <input type="hidden" name="file" value="test.mp3" />
  <input type="hidden" name="properFilename" value="Testing File" />
</form>

或者您可以使用输入 type="button"，即使没有表单：

<input type="button" 
      onclick="location.href='download.php?file=test.mp3&properFilename=Testing File';" 
      value="Download"/>

或者图像按钮：

<a href="download.php?file=test.mp3&properFilename=Testing File">
   <img src="IMAGE_BUTTON_HERE" />
</a>

Answer 2

而不是使用 正如CMS建议的那样，您还可以使用按钮元素（这实际上是语义正确的元素，因为您不在表单中）

<button onclick="document.location = 'bla.php?f=vars'">Download</button>

当然更好的方法是将onclick事件从按钮移到单独的javascript文件中。