如何使用 JavaScript 从 Web 服务返回的二进制字符串构建 PDF 文件

我正在尝试从二进制流中构建一个 PDF 文件，该文件是我收到的 Ajax 请求的响应。

Via XmlHttpRequest我收到以下数据：

%PDF-1.4....
.....
....hole data representing the file
....
%% EOF

到目前为止我尝试的是通过嵌入我的数据data:uri。现在，没有任何问题，并且工作正常。不幸的是，它在 IE9 和 Firefox 中不起作用。可能的原因是 FF 和 IE9 在使用data-uri.

现在，我正在寻找适用于所有浏览器的解决方案。这是我的代码：

// responseText encoding 
pdfText = $.base64.decode($.trim(pdfText));

// Now pdfText contains %PDF-1.4 ...... data...... %%EOF

var winlogicalname = "detailPDF";
var winparams = 'dependent=yes,locationbar=no,scrollbars=yes,menubar=yes,'+
            'resizable,screenX=50,screenY=50,width=850,height=1050';

var htmlText = '<embed width=100% height=100%'
                     + ' type="application/pdf"'
                     + ' src="data:application/pdf,'
                     + escape(pdfText)
                     + '"></embed>'; 

                // Open PDF in new browser window
                var detailWindow = window.open ("", winlogicalname, winparams);
                detailWindow.document.write(htmlText);
                detailWindow.document.close();

正如我所说，它在 Opera 和 Chrome 上运行良好（Safari 尚未经过测试）。使用 IE 或 FF 将打开一个空白的新窗口。

有没有像在文件系统上构建 PDF 文件之类的解决方案 为了让用户下载它？我需要适用于所有浏览器的解决方案，至少适用于 IE、FF、Opera、Chrome 和 Safari。

我无权编辑 Web 服务实现。所以它必须是客户端的解决方案。有任何想法吗？

是否有任何解决方案，例如按顺序在文件系统上构建 pdf 文件 让用户下载它？

尝试设置responseType of XMLHttpRequest to blob, 代入download属性位于a元素为window.open允许下载响应XMLHttpRequest as .pdf file

var request = new XMLHttpRequest();
request.open("GET", "/path/to/pdf", true); 
request.responseType = "blob";
request.onload = function (e) {
    if (this.status === 200) {
        // `blob` response
        console.log(this.response);
        // create `objectURL` of `this.response` : `.pdf` as `Blob`
        var file = window.URL.createObjectURL(this.response);
        var a = document.createElement("a");
        a.href = file;
        a.download = this.response.name || "detailPDF";
        document.body.appendChild(a);
        a.click();
        // remove `a` following `Save As` dialog, 
        // `window` regains `focus`
        window.onfocus = function () {                     
          document.body.removeChild(a)
        }
    };
};
request.send();