使用ng2-pdf-viewer中的自定义pdf呈现功能来处理大型pdf文档?

时间:2020-09-17 07:45:14

标签: angular pdf ng2-pdfjs-viewer

我正在使用ng2-pdf-viewer在我的角度应用程序中显示pdf。但是,查看器会等待pdf完全下载,然后显示它。服务器以字节数组形式向我发送pdf数据。 当同时从服务器获取pdf时,是否有办法显示pdf?

PS:这就是我获取数据并将其分配给src属性的方式

    this.httpClient.get(`{url}`,{'responseType'  : 'arraybuffer'})
    .subscribe((file: ArrayBuffer) => {
      this.pdfSrc = file;
    }

1 个答案:

答案 0 :(得分:1)

ng2-pdf-viewer接受范围请求。您需要以以下格式提及src属性:obj = {'url':'pdf的url','rangeChunkSize':'1024'}。

我引用了本文来创建我的服务器,该服务器将接受范围请求-https://medium.com/@vishal1909/how-to-handle-partial-content-in-node-js-8b0a5aea216

因此,在用户界面的第一次调用中,客户端注意到标头为'Accept-Ranges“:” bytes“。下一次调用是由pdf查看器执行的,它将以数据块的形式呈现pdf。

次要更改:在此内容的其他部分(即未收到范围的情况下)-https://medium.com/@vishal1909/how-to-handle-partial-content-in-node-js-8b0a5aea216中, 注释此部分可读取= ,然后将其替换为 res.end()