17

我有一个不寻常的要求。本质上，我需要一种方法，以便当用户单击链接或按钮时，他们将收到 PDF。这里棘手的部分是服务器根本不会处理请求，除非随它一起发送自定义标头（否则它认为该人已注销并将其发送到登录屏幕）。

目前标题的工作方式无法更改，因此请不要纠缠于此；它将来会发生变化，并且是我无法控制的内部应用程序。

我探索过的选项：

  • 使用 iframe 或简单地打开一个带有某种路径的新窗口，该路径将返回 PDF。这是行不通的，因为我无法为 PDF 指定所需的标题，并且会在到达 PDF 本身之前被重定向。
  • 无法使用表单并提交请求，因为我无法向表单添加任何自定义标题（只有 XHR 和插件可以，AFAIK）。
  • 使用 XHR 无法正常工作，因为虽然它可以添加标头并检索文件，但无法将其保存在客户端。

看来我此时唯一的选择基本上是：

  • 使用某种插件（例如 Flash 或 Silverlight）来请求文件。
  • 比预期更早地强制要求更改，以便不再需要标头。

我在这里有什么遗漏吗？我希望有人可以验证我的发现或指出我错过的东西，因为据我所知，我在这里真的无能为力。

编辑：这似乎很恰当，并证实了我的想法：XMLHttpRequest to open PDF in browser

4

2 回答 2

13

经测试可在 chrome 中工作：

function toBinaryString(data) {
    var ret = [];
    var len = data.length;
    var byte;
    for (var i = 0; i < len; i++) { 
        byte=( data.charCodeAt(i) & 0xFF )>>> 0;
        ret.push( String.fromCharCode(byte) );
    }

    return ret.join('');
}


var xhr = new XMLHttpRequest;

xhr.open( "GET", "/test.pdf" ); //I had test.pdf this on my local server


xhr.addEventListener( "load", function(){
    var data = toBinaryString(this.responseText);
    data = "data:application/pdf;base64,"+btoa(data);
    document.location = data;
}, false);

xhr.setRequestHeader("magic", "header" );
xhr.overrideMimeType( "application/octet-stream; charset=x-user-defined;" );
xhr.send(null);

您可以将 application/pdf 更改为 application/octet-stream 以获得下载提示。但也很容易从 chrome 的阅读器下载。

在 Firefox 中没有任何反应，我想这是因为我没有安装插件来处理application/pdf。更改为 application/octet-stream 将提示 dl。

使用 IE，我想你需要某种 VBScript/ActiveX 黑客技术

如果文件很大，使用 data uri 可能会使浏览器崩溃，在这种情况下，您可以使用 BlobBuilder 和 Object URL。

于 2012-05-09T14:30:17.057 回答
2

而不是链接到 .PDF 文件，而是执行类似的操作

<a href="pdf_server.php?file=pdffilename">Download my eBook</a>

它输出自定义标题，打开 PDF（二进制安全）并将数据打印到用户的浏览器，然后他们可以选择保存 PDF，尽管他们的浏览器设置。pdf_server.php 应如下所示：

header("Content-Type: application/octet-stream");

$file = $_GET["file"] .".pdf";
header("Content-Disposition: attachment; filename=" . urlencode($file));   
header("Content-Type: application/force-download");
header("Content-Type: application/octet-stream");
header("Content-Type: application/download");
header("Content-Description: File Transfer");            
header("Content-Length: " . filesize($file));
flush(); // this doesn't really matter.
$fp = fopen($file, "r");
while (!feof($fp))
{
    echo fread($fp, 65536);
    flush(); // this is essential for large downloads
} 
fclose($fp);

编辑：从浏览器内部（客户端）向请求添加标头的唯一方法是使用XmlHttpRequest setRequestHeader 方法。

xhr.setRequestHeader('custom-header', 'value');
于 2012-05-09T12:57:49.130 回答