小编Has*_*med的帖子

React-pdf 无法从远程 url 查看 pdf 文件

我正在尝试查看其中的 pdf 文件react pdf,但我无法执行此操作,因为它无法加载该文件。我不知道为什么,我尝试过这些 CDN:

其中一个不断加载,另一个不断给我一个错误。CORS 或fake worker failed错误。我需要帮助,提前致谢。

这是我的代码:

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

pdfjs.GlobalWorkerOptions.workerSrc =
  "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.7.570/pdf_viewer.js.map";

const DocsViewer = ({ link }) => {
  const [pages, setPages] = useState(null);
  const [pageNumber, setPageNumber] = useState(1);

  function onDocumentLoadSuccess({ numPages }) {
    console.log("object:", numPages, pages);
    setPages(numPages);
    setPageNumber(1);
  }

  return (
    <div className="property-overview-container property-flex-half">
      <div className="description-overview">
        <Document
          file={
            "https://yahuda.s3.us-east-2.amazonaws.com/4d0970da-f0c7-4a37-9ce4-5c48619a996b.pdf"
          }
          // link={link}
          onLoadSuccess={onDocumentLoadSuccess}
          onLoadError={(error) => console.log("Inside Error", error)}
        >
          <Page pageNumber={pageNumber} style={{ display: …
Run Code Online (Sandbox Code Playgroud)

javascript cdn pdf-viewer reactjs react-pdf

2
推荐指数
1
解决办法
9614
查看次数

标签 统计

cdn ×1

javascript ×1

pdf-viewer ×1

react-pdf ×1

reactjs ×1