Question

我正在从浏览器中调用REST API，该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();

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

1 个答案: