无法使用react-pdf显示pdf文件
React-PDF 是一个用于在 React 应用中显示 PDF 文件的开源库。它提供了一个 PDF 文档组件，可以轻松地将 PDF 文件嵌入到你的应用程序中。
React-PDF 的主要特点包括：
- 显示功能：React-PDF 可以加载和显示 PDF 文件，并提供了一些基本的显示选项，如缩放、旋转和翻页等。
- 文档导航：你可以使用 React-PDF 提供的导航功能，例如跳转到特定页码、上一页、下一页等。
- 文档检索：React-PDF 支持文档内的文本搜索，你可以通过关键字搜索 PDF 文档中的内容。
- 自定义样式：你可以根据需要自定义 PDF 文档的样式，包括页面背景、文本颜色、字体等。
- 事件处理：React-PDF 提供了一些事件处理函数，例如在文档加载完成后执行特定操作、在页面切换时执行回调等。
React-PDF 的应用场景包括但不限于：
- 在线阅读器：你可以使用 React-PDF 在你的网站或应用程序中创建一个简单的 PDF 阅读器，让用户可以在线浏览和阅读 PDF 文件。
- 文档展示：如果你需要在你的应用程序中展示一些 PDF 文件，例如产品手册、用户指南等，React-PDF 可以帮助你实现这个功能。
- 文档搜索：如果你的应用程序需要支持 PDF 文档内的文本搜索功能，你可以使用 React-PDF 提供的搜索功能。
腾讯云提供了一些与 PDF 相关的产品和服务，例如：
- 腾讯文档：腾讯文档是一款在线协作文档工具，支持多人实时编辑和评论，可以用于创建和共享 PDF 文件。
- 腾讯云对象存储（COS）：腾讯云对象存储是一种高可用、高可靠、强安全的云存储服务，你可以将 PDF 文件存储在 COS 上，并通过腾讯云提供的 SDK 在你的应用程序中加载和显示 PDF 文件。
请注意，以上只是一些示例，你可以根据具体需求选择适合的产品和服务。
相关·内容
1回答
我正在尝试使用react-pdf在服务器端创建pdf文档。另外，我正在尝试在node express服务器上使用react-pdf库。我已经安装了react和react-pdf/renderer
浏览 37提问于2021-09-16得票数 0
我试图使用一个npm库来帮助我呈现一个pdf文档。我找到了react，但是它还没有TypeScript的类型，所以我正在使用它，如下所示：let Page = require(我访问了库的，并在文件参数中传递了一个对象，就像它们显示的那样，但也传递了相同的错误。我觉得是另外一回事。我转到了react-pdf库的源代码，我认为这是他们用来从参数中获取文件的函数
浏览 3提问于2019-02-21得票数 5
回答已采纳
我尝试显示一个通过REST接口发送的PDF文件，但没有成功。斑点在那里，而不是空的。我总是得到一个空的PDF。没搞错。}) var blob = new Blob([response.data], { type: "application/pdflink.href = window.URL.createObjectURL(blob);
link.download = "Report_&qu
浏览 15提问于2020-08-04得票数 0
1回答
我正在使用react-pdf，根据他们的网站，它应该使用以下代码显示我的PDF import React from "react"; return (
浏览 112提问于2020-11-04得票数 2
我使用react-pdf/renderer软件包添加功能，从我的网站下载一个pdf。但是我收到了一条错误消息：./node_modules/@react-pdf/font/lib/index.browser.es.js Attempted import error: 'create' is not exported我试着使用这个包的不同版本，如v2.2.0、v2.3.0和v3.0.0，但不幸的是，没有什么对我有用。我在用rea
浏览 59提问于2022-08-30得票数 17
1回答
React pdf PDFViewer生成用于文档预览的iframe。然而，在react-pdf.org的原始站点上，他们以svg格式显示它，这很好用。你知道怎么做吗？
浏览 0提问于2020-02-12得票数 0
我正在尝试将pdf文件加载到我的项目中，但是我看不到它。它只是一直显示“正在加载PDF...” 我已经添加了github worker，就像在他们的github问题中提到的那样，但仍然没有变化。我尝试通过创建一个新项目来构建页面，使用create-react-app，它似乎工作得很好。import React, { PureComponent } from "react";
import { Document, Page, pdfjs } from "react-pd
浏览 124提问于2019-08-24得票数 0
2回答
我试图在react应用程序上显示一个pdf，并收到以下警告：
import React, { Componen
浏览 3提问于2019-04-09得票数 11
我是新的反应，我试图显示一个pdf文件在浏览器上。当无法加载PDF时，我收到了一个错误。我正在尝试运行中给出的示例程序。App.jsimport { Document, Page } from 'react-pdf';
<div&
浏览 2提问于2018-02-02得票数 14
回答已采纳
1回答
经过多次尝试，我得出结论，测试正则表达式有问题，但无法修复它。 这看起来像是使用regex-tester的\.?[\\/]node_modules[\\/]((?!react-pdf)).react-pdf)[\\/]/, chunks: 'all', reactPDFVendor: {
test: &
浏览 20提问于2021-01-21得票数 0
2回答
我很难弄清楚如何预览我用react-dropzone上传的PDF。PNG和JPG工作完美，但我也希望能够显示用户无论是pdf本身或pdf的图像。
浏览 20提问于2019-03-02得票数 1
1回答
我正在尝试在网站上显示PDF。我正在使用包react-pdf。我的组件如下所示：import { Document, Page } from 'react-pdf';
<Page />
浏览 5提问于2020-05-07得票数 0
我已经使用create-react应用程序构建了一个react应用程序，它使用react-pdf显示pdf。当我输入一个指向磁盘上某个文件的文件名时，这个方法工作得很好，但是当我输入一个url时，我得到了一个"Failed to load PDF“错误。我尝试了多个urls，但都失败了。在控制台中，我还收到了以下警告，从一些谷歌搜索似乎指的是一个webpack不兼容，尽管我得到它与我正在尝试显示的文件类型无
浏览 46提问于2020-02-16得票数 1
1回答
背景当添加这一行以显示我的文件时，它不工作，而是显示“没有指定的PDF文件”。我去了Google (ipfs.infura.io/ipfs/"QmUqB9dWDCeZ5nth9YKRJTQ6PcnfrGPPx1vzdyNWV6rh8s")的链接，
浏览 1提问于2020-12-23得票数 0
我只是尝试使用react-native-web对ios、android和web应用程序进行采样。在这里，我必须从服务器下载一个pdf文件，同时点击showpdf按钮，下载的文件需要在android应用程序以及windows浏览器中打开。对于浏览器下载，我使用了以下代码 fetch('http://www.pdf995.com/samples/pdf.pdf',{
method:
浏览 37提问于2019-09-19得票数 4
我目前有一个PDF文件，它是我从亚马逊s3存储桶中获取的，在控制台中注销数据如下所示。50, 53, 32, 47, 78, 32, 51, 32, 47, 84, 32, 56, 50, 57, 53, 55, 32, 62, 62, 10, 101, 110, 100, …]
我试图使用react-pdf显示这个包含Uint8Array数据的PDF文件，但是react-pdf显示"No PDF file
浏览 29提问于2020-07-31得票数 0
/layout/lib/canvas)：错误: ENOSPC:已达到文件观察器数量的系统限制，来自chokidar的watch '/data/node_modules/@react-pdf/layout/@react-pdf/layout/lib/page‘/ (/data/node_modules/@react-pdf/layout/lib&#
浏览 33提问于2021-11-08得票数 0
回答已采纳
1回答
我需要调试我在应用程序中使用的库。最初，我在npm install @react-pdf/renderer中安装了它。11:22模块解析错误失败:意外令牌(11:22)您可能需要一个适当的加载程序来处理此文件类型。尽管如此，当我执行npm install https://github.com/diegomura/react-pdf/tarball/master时，它确实在node_module for @react-pdf问题
我是
浏览 1提问于2018-11-14得票数 2
回答已采纳
我想从UI生成一个pdf并下载它。一直在查看文档，但找不到如何实现I.e. onClick={this.downloadPdf}它说：保存在一个文件中，importReactPDF from '@react-pdf/react-pdf';
ReactPDF.render(<MyDocument />, `${__dirname}/example.pdf</e
浏览 2提问于2018-08-01得票数 13
react JS中有没有什么库可以用来生成我的PDF的翻转书效果？如果没有任何库，我如何才能实现从PDF创建一本活页书的目标？
浏览 26提问于2020-12-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
