从通过 jQuery AJAX 调用的控制器返回 PDF答案

【问题标题】：Return PDF from Controller called via jQuery AJAX从通过 jQuery AJAX 调用的控制器返回 PDF
【发布时间】：2017-04-02 21:55:38
【问题描述】：

我找到了一些关于使用控制器从 EvoPDF 创建 PDF 的答案，但似乎没有一个答案可以处理通过 jQuery AJAX 调用的控制器。

我有一个简单的 jQuery 函数，可以像我的应用程序中的许多其他函数一样将数据发送到控制器：

$.ajax({
    url: "/AnnualFees/showStatement",
    cache: false,
    data: {
        authKey: memberData.authKey,
        entityId: memberData.entityId,
        barNumber: memberData.barNumber,
        statementHTML: encodeURIComponent($("#statementBody").html())
    },
    method: "POST",
    success: function (data) {
    },
});

我遵循了所有示例并拥有此代码。我可以更改它以保存 PDF 并确认正在生成 PDF。

public ActionResult getStatementPDF(string statementHTML)
{
    //initialize the PdfConvert object
    PdfConverter pdfConverter = new PdfConverter();

    // set the license key - required
    pdfConverter.LicenseKey = "uzUmNCcnNCYsIjQgOiQ0JyU6JSY6LS0tLQ==";

    StringBuilder PDFBody = new StringBuilder();
    PDFBody.Append("<!DOCTYPE html>");
    PDFBody.Append("<html lang=\"en\">");
    PDFBody.Append("<head>");
    PDFBody.Append("    <meta charset=\"utf - 8\">");
    PDFBody.Append("    <title>Statement</title>");
    PDFBody.Append("</head>");
    PDFBody.Append("");
    PDFBody.Append("<body>");
    PDFBody.Append("Hello world.");
    PDFBody.Append("</body>");
    PDFBody.Append("</html>");

    byte[] outPdfBuffer = pdfConverter.GetPdfBytesFromHtmlString(PDFBody.ToString());

    // Send the PDF file to browser
    FileResult fileResult = new FileContentResult(outPdfBuffer, "application/pdf");
    fileResult.FileDownloadName = "Statement.pdf";

    return fileResult;
}

我可以确认它们没有错误，并且使用正确的应用程序/pdf 类型返回 200 成功，并且大小与磁盘上的大小大致相同。但是，没有出现任何 PDF，浏览器中也没有打开任何内容。

【问题讨论】：

什么都没有发生，因为回调没有响应 AJAX 请求。 Plus 文件下载不适用于 ajax。您想要的是在服务器上生成并保存 PDF 文件并返回指向该文件的 URL，以便可以在回调中重定向浏览器。
我想不惜一切代价避免保存 PDF，因为在这个阶段，PDF 是最终文档的草稿副本。我看到将 PDF 流式传输到浏览器的示例代码，但它只是不工作。这是不可能的吗？

标签： javascript jquery ajax pdf evopdf

【解决方案1】：

你需要在 ajax 调用中处理 onSuccess 的数据，你可以这样做来打开文件，如果你想保存文件，你可能需要使用 FileSaverJS (https://github.com/eligrey/FileSaver.js/)

success: function (data) {

    var file = new Blob([data], { type: 'application/pdf' });
    var fileURL = URL.createObjectURL(file);
    window.open(fileURL);
}

【讨论】：

这是打开文件流还是希望文件存在于服务器上？由于此步骤会生成 PDF 草案，因此我想避免污染服务器，只需将 PDF 文件的内存副本推送到浏览器即可。
这试图工作，但我正在为 fileURL 得到这个并且只打开一个空选项卡：blob:E9D06943-1619-4B89-BCF9-CD208BB9BAA9
在ajax调用中，请加上$.ajax({ url: "/AnnualFees/showStatement", cache: false, responseType: 'arraybuffer', ....