小编Ple*_*res的帖子

如何使用react-pdf从PDF文件中获取页数?

到目前为止,使用react-pdf很简单,但我遗漏了一个我不知道如何找到的关键部分。我正在尝试获取加载时 PDF 文档的总页数。我需要它来创建页码导航。显然,数据存在于某处,因为将<Page>标签的pageNumber属性更改为硬编码值将显示正确的页面。但我不知道如何访问它。

我的代码如下。据我所知,我完全按照他们的指示去做。我关注的示例在这里: https: //www.npmjs.com/package/react-pdf

但这个numPages国家对我来说完全是个谜。我通过onDocumentLoadSuccess第 17 行的函数进行设置,如他们的 Github 文档示例中所示。{ numPages }但我不知道它应该从哪里得到争论。因为,按原样来说,numPages仍然是未定义的。因此,pageSelection(第 10 行)永远不会被填充。

也许我错过了一些东西,但据我所知,他们的文档没有解释这一点: https: //react-pdf.org/

有人可以帮我吗?

import React, { useState } from 'react';
import { Document, Page, pdfjs } from 'react-pdf';

const PDFDisplay = (props) => {
    pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

    const [ numPages, setNumPages ] = useState(null);
    const [ pageNumber, setPageNumber ] = useState(1);

    let pageSelection;

    if (numPages) {
        pageSelection = Array(1 - …
Run Code Online (Sandbox Code Playgroud)

pdf reactjs react-pdf

4
推荐指数
1
解决办法
7698
查看次数

标签 统计

pdf ×1

react-pdf ×1

reactjs ×1