我有一个表单按钮,单击它会提交表单。
我希望同时,浏览器开始下载 PDF 文件。我想知道我该怎么做?请记住,PDF 通常由浏览器默认打开,但我希望浏览器“另存为”文件而不是打开文件。这是仅使用 html 还是我需要 javascript?
我有一个表单按钮,单击它会提交表单。
我希望同时,浏览器开始下载 PDF 文件。我想知道我该怎么做?请记住,PDF 通常由浏览器默认打开,但我希望浏览器“另存为”文件而不是打开文件。这是仅使用 html 还是我需要 javascript?
如果您在服务器端使用 PHP,请尝试此操作。这是在我的一个网站中运行的经过测试的代码。
<?php
ob_start();
$file = 'YOUR-FILENAME-HERE.pdf';
if (file_exists($file))
{
header('Content-Description: File Transfer');
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename='.basename($file));
header('Content-Transfer-Encoding: binary');
header('Expires: 0');
header('Cache-Control: must-revalidate');
header('Pragma: public');
header('Content-Length: ' . filesize($file));
ob_clean();
flush();
readfile($file);
exit();
}
?>
浏览器会提示下载而不在浏览器中显示。
您可以使用此插件使用 javascript 下载文件。
否则,在 javascript 中,您可以为其编写代码。
$('a').click(function(e) {
e.preventDefault(); //stop the browser from following
window.location.href = 'downloads/file.pdf';
});
<a href="no-script.html">Download now!</a>
或者,您可以使用此 .
在 PHP 中:
<?php
header('Content-type: application/pdf');
header('Content-disposition: attachment; filename=filename.pdf');
readfile("file.pdf");
?>
在 Javascript 中:
<body>
<script>
function downloadme(x){
winObj = window.open(x,'','left=10000,screenX=10000');
winObj.document.execCommand('SaveAs','null','download.pdf');
winObj.close();
}
</script>
<a href=javascript:downloadme('file.pdf');>Download this pdf</a>
</body>
在这种情况下,您必须配置您的网络服务器以强制下载 PDF。如果您使用的是 Apache,不妨看看这篇文章 -> http://www.thingy-ma-jig.co.uk/comment/7264
或者,如果您不必支持所有浏览器,您可以只使用 html5 下载属性 -> http://updates.html5rocks.com/2011/08/Downloading-resources-in-HTML5-a-下载
选项 1:您可以让表单提交到的 url 返回下载。
选项 2:使用 ajax 调用提交数据 onclick,将 window.location 设置为您的下载 url。
pdf是在浏览器中打开还是下载,是您无法控制的客户端设置。