pdf.js 相关问题

pdf.js是一个基于HTML5的可移植文档格式(PDF)渲染器。

如何向 PDF.js 查看器添加 UI 和工具栏?

我正在尝试在我的项目中实现 PDF.js,但它比预期的要困难。 目前,我可以在 div 内渲染整个 PDF,但无法渲染标准工具栏视图...

回答 2 投票 0

如何修复安装 PDFJS 时崩溃的 Electron 应用程序?

我有一个使用 pdfjs-dist 的 Electron 应用程序。在 Mac OSX 上,该应用程序运行良好。但我不得不使用一台装有 OSX Ventura 13.4.1 的新计算机。 当简单安装 pdfjs-dist 时,甚至不导入...

回答 1 投票 0

使用node.js和pdf.js将pdf文件转换为html文件

我想使用pdf.js 将pdf 转换为html 页面。 Pdf.js 在浏览器中执行此操作,但是否可以在后端获取浏览器渲染的 html 页面,从而将 n 页的 pdf 转换为 n 页...

回答 1 投票 0

如何在 Mozilla 的 PDF.js 中使用viewer.js

从 pdf.js 包中,我尝试将viewer.js、viewer.html 和viewer.css 的功能集成到我的应用程序中以查看和注释PDF。 viewer.js 似乎拥有丰富的

回答 1 投票 0

PDFJS 无法使用本地工作文件

我正在添加workerSource pdfjsLib.GlobalWorkerOptions.workerSrc = './pdf.worker.js'; 但仍然在控制台中显示此警告设置假工人。 它仅在引用原始时才有效...

回答 2 投票 0

pdfjs - 什么是假工人?怎么解决

我正在尝试使用 PDFJS 渲染 PDF,但收到警告设置假工作人员。这在实践中意味着什么? 安慰 警告:设置假工人。 代码 ...

回答 1 投票 0

PDF.js 消息:检索 PDF 时出现意外的服务器响应 (0)

我对 PDF.js 还很陌生。我正在尝试将我的viewer.html 与位于另一台服务器中的pdf 链接,例如:100.0.55.10。下面显示的代码是我如何将 pdf 嵌入到 iframe 中。 //本地目录=

回答 1 投票 0

如何在pdfJs上显示注释链接

我已经实现了 pdfjs 库来在我的应用程序中显示 pdf。 我已经成功显示pdf了。但pdf上的链接不可点击。因为我想点击链接来访问链接...

回答 1 投票 0

如何使用javascript从pfd文件中提取内容

您好,我正在尝试不同的方法从 pdf 文件中提取内容,但对我来说没有任何效果,例如 pdf.js 当我尝试使用 pdf.js 时,它也显示错误,我不知道为什么。我正在尝试这种方法...

回答 1 投票 0

如何隐藏 javascript 文件中存储的密码以使用 PDF.JS 打开 PDF 文件?

我正在开发一个网络应用程序,它基本上使用 pdf.js 打开 pdf 文件。 pdf 文件受密码保护。这是代码的摘录。 var the_password = '密码'; var pdf = '

回答 3 投票 0

从在线 PDF 中提取文本并对其进行排序

我正在尝试建立一个历史竞赛所有答案的数据库,以便我们的团队知道要学习什么。这是一个示例 pdf,我试图从中提取文本数据:https://usa.iacompetiti...

回答 1 投票 0

未捕获(承诺中)错误:页面请求无效。当获取pdf的页面信息时

我正在尝试使用pdf.js放大和缩小pdf,这是渲染和重新渲染pdf的函数: const renderPdfPage = async (pdf: 任意, pdfJS: 任意, pageNum: 数字) => { ...

回答 1 投票 0

VUE中使用pdfjslib加载字体时出错

您好,我在项目(pdf 查看器)中加载 pdf 时出现错误。我有一个 pdf 文件,其字体实际上是正常的,但出现此错误 警告:字体加载期间出错:CMap“baseUrl&qu...

回答 1 投票 0

pdfjsLib 未初始化且未定义

包含的文件是 我是

回答 2 投票 0

如何在PDF.js中启用文本选择

我正在尝试使用 pdf.js 来显示 pdf。我已经可以显示 pdf,但未启用文本选择。有人可以举一个关于如何在 pdf.js 中启用文本选择的小例子吗? 我已经尝试过了

回答 3 投票 0

我在使用全局工作线程和异步时遇到 PDF.JS 错误

我的 pdfjs 脚本有问题。 我第一次尝试,收到以下消息: 已弃用的 API 用法:未指定“GlobalWorkerOptions.workerSrc”。 未捕获的异常:未定义 所以我

回答 2 投票 0

未捕获(承诺中)错误:工人被终止

我正在使用react-pdf "react-pdf": "^7.3.3"来显示一些pdf文件,现在当我打开react应用程序页面时,有时devtools会显示错误: unpkg.com/[email protected]/build/...

回答 1 投票 0

React pdf js - 警告:设置假工人

我正在使用 React pdf 查看器,我想在本地设置工作人员。我尝试过这样做: 从“pdfjs-dist/build/pdf.worker.entry”导入pdfjsWorker; 我正在使用 react pdf 查看器,我想在本地设置工作人员。我尝试过这样做: import pdfjsWorker from "pdfjs-dist/build/pdf.worker.entry"; <Worker workerUrl={pdfjsWorker}> <Viewer fileUrl={url} defaultScale={SpecialZoomLevel.PageFit} plugins={[ defaultLayoutPluginInstance ]} /> </Worker> 但是,这会引发警告: 警告:设置假工人 那么导入工人的正确方法是什么,为什么我会收到此警告? 我遇到了类似的问题,通过添加 pdf.worker.js 解决了它们 Git 参考 我在worker.js的头部添加了js文件,即https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.worker.js 然后我根据控制台错误更正版本(2.10.377 到 2.3.200),并开始加载 pdf 就我而言,不要像这样编写代码: <script src="/js/pdf.worker.min.js"></script> <script src="/js/pdf.min.js"></script> 我写的是: <!--script src="/js/pdf.worker.min.js"></script--> // removed <script src="/js/pdf.min.js"></script> $(function() { pdfjsLib.GlobalWorkerOptions.workerSrc = '/js/pdf.worker.min.js'; }); 这使得警告消失了...... 即使我的 PDF 无论如何都已渲染 - 我只是想删除该警告。 小心! pdfjs版本必须相同 请像下面这样使用它 import { Worker, Viewer } from '@react-pdf-viewer/core'; import '@react-pdf-viewer/core/lib/styles/index.css'; import { pdfjs } from 'react-pdf'; const YourComponent = () => { return ( <div> <Worker workerUrl={`https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`}> <Viewer fileUrl={fileUrl} /> </Worker> </div> ) }; pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.0.279/pdf.worker.min.js' 在导入 pdfjs-dist 后添加此内容并尝试根据控制台错误匹配版本(此处为 3.0.279)。这对我有用。 Worker 组件需要一个 workerUrl,其类型为 string。您可能需要将代码中的 pdfjsWorker 替换为实际的 pdf-worker url。 const pdfVersion = "2.6.347" const pdfWorkerUrl = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfVersion}/pdf.worker.js` <Worker workerUrl={pdfWorkerUrl}> <Viewer fileUrl={url} defaultScale={SpecialZoomLevel.PageFit} plugins={[ defaultLayoutPluginInstance ]} /> </Worker> 注意: 请确保为 pdfjs-dist 和worker 设置相同的版本。 官方文档在这里提到了同样的事情:https://react-pdf-viewer.dev/docs/basic-usage/ 我在 next.js 中编写以下代码并且它有效! import "./index.css"; import * as PDFJS from "pdfjs-dist/build/pdf"; import * as PDFJSWorker from "pdfjs-dist/build/pdf.worker"; export default async function ReaderScreen(props: { filepath: string }) { PDFJS.GlobalWorkerOptions.workerSrc = PDFJSWorker; const pdf = await PDFJS.getDocument(props.filepath).promise; const pages = pdf["_pdfInfo"].numPages; return <div>Pages: {pages}</div>; } 如果您在代码中看到以下错误: 然后,在index.d.ts目录下创建一个typings文件,并写入以下代码: declare module "pdfjs-dist/build/pdf"; declare module "pdfjs-dist/build/pdf.worker"; 现在应该可以使用了。

回答 6 投票 0

交换到 pnpm 后构建失败:RollupError:意外字符 '\x7F' (由节点画布 / pdf.js 中的解析错误引起)

提前感谢您的帮助。 TL;DR:我在构建时从节点画布和 pdf.js 冒泡时遇到解析错误。这是由 Rollup 读取 canvas.node 二进制文件引起的,它甚至不应该出现在

回答 1 投票 0

引用错误:加载 pdf 时未定义 PDFJS

我正在尝试使用 pdf.js 将 pdf 加载到 Web 应用程序中,以便我可以进一步从 pdf 文件中实时提取信息。但我通过一个非常小的例子得到了这个错误。 我试过了

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.