reactjs - 使用react-pdf-js从Base64数据加载PDF

Question

目前我正在尝试使用此 React 组件 react-pdf-js 使用 Base64 数据加载 PDF 。

当我尝试按以下方式加载 PDF 时，当前收到 PDFDocument:流必须有数据 错误:

   <PDF
      file={`data:application/pdf;base64,${this.state.base64}`}
      onDocumentComplete={this.onDocumentComplete}
      onPageComplete={this.onPageComplete}
      page={this.state.page}
    />

我已经使用此 React 组件成功将 PDF 加载到页面上 react-pdf ，但是库没有实现分页的能力。适用于该组件的代码如下:

    <Document
      file={`data:application/pdf;base64,${this.state.base64}`}
    >
      <Page pageNumber={this.state.pageNumber} />
    </Document>

我希望有人能够帮助我弄清楚如何使用react-pdf-js使用base64加载文件，或者为我指明使用react-pdf实现分页的方向？

Answer 1

您可以使用嵌入，它相当简洁。

return <embed src={`data:application/pdf;base64,${base64ContentString}`}  type="application/pdf" width="100%"></embed>