React PDF viewer 是用于查看 PDF 文档的 React 组件，采用 TypeScript 编写，完全基于 React hooks。
特性
- 支持密码保护的文档
- 缩放：支持自定义级别，例如实际大小、页面适合度和页面宽度
- 支持页面间导航
- 支持快速跳转到第一页和最后一页
- 搜索文本
- 预览页面缩略图
- 查看和导航目录
- 罗列和下载附件
- 支持文本选择和手动工具模式
- 支持不同的滚动模式
- 支持全屏模式
- 支持从本地打开文件，用户可以拖放本地文件进行查看
- 下载文件
- 查看文档属性
- 支持 SSR
- 支持打印
- 支持深色模式
- 可访问性
使用
// Core viewer
import { Viewer } from '@react-pdf-viewer/core';
// Plugins
import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout';
// Import styles
import '@react-pdf-viewer/core/lib/styles/index.css';
import '@react-pdf-viewer/default-layout/lib/styles/index.css';
// Create new plugin instance
const defaultLayoutPluginInstance = defaultLayoutPlugin();
<Viewer
fileUrl='/assets/pdf-open-parameters.pdf'
plugins={[
// Register plugins
defaultLayoutPluginInstance,
...
]}
/>-
最近需要做一个word和pdf预览的功能，因为基础的技术栈是 react，于是就选用了 react-file-viewer 这个插件. 其实这个插件，还支持更多文件格式 Images: png, jpeg, gif, bmp, including 360-degree images pdf csv xslx docx Video: mp4, webm Audio: mp3 安装 npm i rea
-
在日常开发中我们经常会遇到在线预览文件的需要，如果项目是react框架，那么我们可以使用react-file-viewer插件，可以适应多文件，例如：pdf，MP4，各种图片，csv，xlxs，word文件等。 ppt类型不支持预览； 参考查询：react-file-viewer - npm 1.如何使用 <FileViewer fileType={fileType} filePath={url}
-
导入react-pdf npm i react-pdf -S 或 yarn add react-pdf 在文件中引入并使用 从react-pdf引入会有不知名错误，react-pdf/dist/esm/entry.webpack并没有。 onLoadSuccess可以获取对应加载pdf的总页数，此处用函数onDocumentLoadSuccess保存为numPages。 Page设置属性pag
-
我有三维PDF文件。它包含许多三维图形，但它嵌入在一个页面中。我们正在导航到导航窗格（模型树）中的图形- 我想使用带有iTextSharp的C#浏览这个3d pdf。 请让我知道如何实现它？ 例如： http://examples.itextpdf.com/results/part4/chapter16/pdf3d.pdf 上面的pdf有模型树。它有模型、选项和信息面板。现在我想控制模型选择。
-
但是当我执行上面的脚本时，我会得到以下错误： Message：StaleElementReferenceException：Message：Element不再附加到DOM StackTrace：at fxdriver.cache.getElementat（资源：//fxdriver/modules/web-element-cache.js:9351)at utils.getElementat（文件
-
本文向大家介绍iOS实现PDF文件浏览功能，包括了iOS实现PDF文件浏览功能的使用技巧和注意事项，需要的朋友参考一下 写了一个小Demo，显示本地PDF格式文件，支持翻页、跳页、缩放。 先看一下效果图： iOS开发，显示PDF格式文件方法有很多： 最简单的应该是UIWebView，可以加载本地或网络PDF文件，支持上下滑动浏览、缩放。 优化一点的是用系统的QLPreviewController
-
问题内容： 我试图使用在stackoverflow上发现的不同方法来保存.pdf文件，但是，我总是会损坏它。当我使用记事本打开损坏的文件时，我得到以下信息： 后来，我尝试使用@BalusC提供的答案从浏览器中保存文件。这个解决方案非常有帮助：我能够摆脱这些问题。但是，它也会产生损坏的.pdf。但是当我用记事本打开它时，它是完全不同的。但是，不再有登录问题： 我还有什么其他选择？ PS：当我尝试使用
-
问题内容： 我想执行XMLHttpRequest，然后通过POST方法发送文件名在浏览器中打开PDF。 这可能吗，或者XMLHttpRequest仅用于HTML？ 问题答案： 如果您查询的URL实际上返回PDF数据，则无法通过XMLHttpRequest进行操作。 为什么？因为该响应是包含原始PDF数据的HTTP响应。即使您确实可以通过responseText`属性访问数据，JavaScript也
-
问题内容： 如何在Web浏览器中的.html页面上显示pdf？ 问题答案： 我使用的是Google文档可嵌入的PDF查看器。这些文档不必上传到Google文档，但必须在线提供。
-
我在Node.js和browser中使用了一个内部库。它有许多文件，连接着一个Grunt任务和不同的序言，一个用于浏览器，一个用于节点： 浏览器： 节点： 这导致2个不同的单一输出js文件，一个用于浏览器，一个用于节点。 我想要什么 使用打字脚本 如果可能，对浏览器和节点仅使用一种CommonJS语法（或ES6模块） 投资于未来几个月不会死亡的东西 更模块化一点（可能有人只需要lib的一部分） 是
-
已经用uniapp写好了一个多链钱包app，现在需要在app中增加一个dapp浏览器功能，应该如何实现呢？ 我目前搜到的资料，按我大致的理解是，在vue页面里面添加一个<web-view>用来打开远程的web3网站，根据uniapp的官网说明，一个vue页面就是一个webview，那么这个vue页面中打开web3网站的webview组件就是一个子webview。剩下的问题就是 uniapp编写好的