react-pdf在任何pdf文档上引发InvalidPDFException

问题描述

我没有得到react-pdf的帮助。它只是抛出“ InvalidPDFException”消息：“ Invalid PDF structure”。网络在pdf上显示http状态200，因此路径正确...

我的代码：

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

import { Document } from 'react-pdf/dist/entry.webpack';
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

export const PDFViewer = (pdf: any) => {
    const [numPages,setNumPages] = useState<number | null>(null);
    const [pageNumber,setPageNumber] = useState(1);

    function onDocumentLoadSuccess({ numPages }: {numPages: number}) {
        setNumPages(numPages);
    }

    const printError = (error: any) => {
        console.log(error)
    };
    return (
        <div>
            <Document
                file={"../../data/Arbeitsvertrag_Muster.pdf"}
                onLoadSuccess={onDocumentLoadSuccess}
                onLoadError={printError}
            >
                <Page pageNumber={pageNumber} />
            </Document>
            <p>Page {pageNumber} of {numPages}</p>
        </div>
    );
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）