如何使用从 REST API 返回的 PDF 内容创建 PDF 文档

Question

我正在从浏览器调用 REST API，它只给我 PDF 内容。 API 响应头中的内容类型是“application/pdf”。

我需要创建一个包含此内容的 PDF 文档，我应该能够在新选项卡中打开 PDF 文档，我也应该能够下载 PDF。 我怎样才能在 UI 上做到这一点。 我们是否有任何 JS 库可以帮助我解决这个问题？ 我已经研究过 JSPdf 和 PDF.js 库，但不确定这些是否是我可以使用的。

Answer 1

您可以使用pdfmake它一个很棒的库，您可以打开、下载和打印 pdf。 检查出来pdfmake

步骤

首先，您以某种 JSON 格式定义 pdf 的内容：

    var docDefinition = {
  content: [
    { text: 'This is a header', style: 'header' },
    'No styling here, this is a standard paragraph',
    { text: 'Another text', style: 'anotherStyle' },
    { text: 'Multiple styles applied', style: [ 'header', 'anotherStyle' ] }
  ],

  styles: {
    header: {
      fontSize: 22,
      bold: true
    },
    anotherStyle: {
      italics: true,
      alignment: 'right'
    }
  }
};

下载

pdfMake.createPdf(docDefinition).download();

打开

var win = window.open('', '_blank');
pdfMake.createPdf(docDefinition).open({}, win);

打印

pdfMake.createPdf(docDefinition).print();