1

我们有一种有趣的方式来使用自定义的内部框架来做 ajax，本质上是在我做的一些 javascript 函数中：

    CT.postSynch('report/index/downloadProjectsInProgress', {}, function(data){
    });

这告诉 ajax 寻找一个名为 的模块Report、一个名为 的控制器Index和一个名为ajazDownloadProjectInprogress

我写了一个函数 ajazDownloadProjectInprogress，它所做的只是根据我得到的一些数据创建一个简单的 PDF。在该函数中，我有以下内容（使用 DOMPDF），如下所示：

$dompdf = new DOMPDF();

$content = $this->raw('./report.header','./projectsInProgressReport','./report.footer');

$dompdf->load_html($content);
$dompdf->render();
$dompdf->output();
header('Pragma:');
header('Cache-Control: private,no-cache');
return $dompdf->stream("Structure Report - ProgressReports.pdf", array('Attachment' => 1));

我在这里所做的只是根据我们将视图呈现为 html 或原始数据的方式获取一些内容，并尝试通过 ajax 将 pdf 流式传输回来。

在上面的代码中，我向您展示了我们如何处理 ajax 调用，我做了：

    CT.postSynch('report/index/downloadProjectsInProgress', {}, function(data){
        return data;
    });

现在网络选项卡向我显示：

%PDF-1.3
1 0 obj
<< /Type /Catalog
/Outlines 2 0 R
/Pages 3 0 R >>
endobj
2 0 obj
<< /Type /Outlines /Count 0 >>
endobj
3 0 obj
<< /Type /Pages
/Kids [6 0 R
]
/Count 1
/Resources <<
/ProcSet 4 0 R
/Font << 
/F1 8 0 R
/F2 9 0 R
>>
/XObject << 
/I1 10 0 R
/I2 11 0 R

这只是返回的内容的一个示例....

任何人都知道您打算如何通过 ajax 调用下载 PDF？我知道 ajax 它本身不会下载文件 - 但我设置了所有内容，以便该功能应该只是开始下载过程。

4

1 回答 1

4

使用 AJAX 下载 PDF 意味着，以最简单的形式，您必须逐位请求 PDF 的二进制数据。有关通过 AJAX 请求然后解析和显示 PDF 文件的二进制块的示例，请查看 Mozilla 的PDF.js 库，尤其是其网络代码。

相反，如果您只是想从服务器请求 PDF 并将其下载或显示在浏览器中，您只需获取相关 PDF 的 URL（可以是您的自定义控制器或其他东西）并将 设置window.location为该值. 使用您示例中的大纲，它可以像这样简单：

window.location.href = 'report/index/downloadProjectsInProgress';

您需要确保服务器代码添加一个Content-disposition: attachment; filename=file.pdf标头，这将强制window.location更改下载文件而不是尝试显示它。 这是一个 StackOverflow 帖子，描述了如何做到这一点。

于 2013-10-31T02:35:22.037 回答