在 ng2-pdf-viewer 中为大型 pdf 文档自定义 pdf 渲染？

【问题标题】：Custom pdf rendering in ng2-pdf-viewer for large pdf documents?在 ng2-pdf-viewer 中为大型 pdf 文档自定义 pdf 渲染？
【发布时间】：2021-01-04 01:50:33
【问题描述】：

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

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

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

【问题讨论】：

标签： angular pdf ng2-pdfjs-viewer

【解决方案1】：

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

我参考这篇文章来创建可以接受范围请求的服务器 - https://medium.com/@vishal1909/how-to-handle-partial-content-in-node-js-8b0a5aea216

因此，在来自 UI 的第一次调用中，客户端注意到标题为“Accept-Ranges”:“bytes”。下一次调用由 pdf 查看器进行，它将以数据块的形式呈现 pdf。

小改动：在 else 部分（即没有收到范围时）- https://medium.com/@vishal1909/how-to-handle-partial-content-in-node-js-8b0a5aea216 ，注释这部分 let readable =，并将其替换为 res.end()

【讨论】：