标签: react-pdf-viewer

我正在使用带有“pdfjs-dist”的react-pdf-viewer 3.9.0：“2.15.349”。

看起来 React PDF Viewer 仍然等到完全下载文件，而不是在下载最低要求后立即渲染第一页（快速 Web 视图或线性化技术）。我的文件已经线性化（字节流），即使正在获取文件，我也想渲染第一页。我很想知道如何解决这个问题！谢谢你！

我从基本 UI 集成了文件上传器，并尝试使用 React-pdf 包显示上传的文件。我尝试将文件转换为 Blob，然后使用以下代码上传它

const test = new Blob([file], { type: "application/pdf" });
    const fileURL = URL.createObjectURL(test);

相反，我尝试直接将上传的文件分配给 Document 标签，但获取该 file 属性是接受字符串而不是接收文件类型。

我也尝试使用文件阅读器，但无法实现

以下是我的代码沙箱链接：- https://codesandbox.io/s/base-web-file-uploader-basic-usage-forked-z8zpkr?file=/src/example.js:1712-1820

谁能帮我解决这个问题

我注意到的另一件事是 onLoadError 属性中出现以下错误

Error: Setting up fake worker failed: "Cannot read properties of undefined (reading 'WorkerMessageHandler'

我正在尝试使用这个react-pdf-viewer来实现pdf查看器。

但是，它不断抛出此错误：

/node_modules/pdfjs-dist/build/pdf.js：意外字符“#”(1413:9)

1411 | 1411 1412 | 1412 类 PDFDocumentLoadingTask {

1413 | 1413 静态#docId = 0; | ^

这是我添加的代码：

import React, { useState } from "react";
import ReactDOM from "react-dom";
import { Viewer } from "@react-pdf-viewer/core";

import "@react-pdf-viewer/core/lib/styles/index.css";

const ModalExample = ({ fileUrl }) => {
  const [shown, setShown] = useState(false);

  const modalBody = () => (
    <div
      style={{
        backgroundColor: "#fff",
        flexDirection: "column",
        overflow: "hidden",

        /* Fixed position */
        left: 0,
        position: "fixed",
        top: 0,

        /* …