问题标签 [react-pdf]

我正在尝试在 React 中显示文档文件并以 pdf 格式下载它，该文档已上传到我使用 express-file-upload 执行此操作的文件，但我不知道如何获取文档并将其显示在我的反应应用程序，这就是我的数据的样子：

我在 react-pdf 的生产版本中遇到了一些问题。我正在开发的应用程序在使用 webpack-dev-server 构建时运行良好，但是在使用生产 webpack 构建应用程序时，react-pdf 的工作人员无法正常工作。Uncaught SyntaxError: Unexpected token '<'at有一个错误dist1.bundle.js:1。

从我在网上发现的情况来看，这表明该工人没有被使用。当我使用 react-pdf 的 github 示例通过 cdn 设置 workerSrc 时，一切都按预期使用 prod 和 dev 构建：

这告诉我 webpack prod 构建没有找到我的工人的路径，但我不知道为什么它没有找到它。

我还尝试将 pdf.worker.js 文件放在我的组件所在的同一文件夹下的 src 中，我尝试下载 cdn 文件并将其放在 src 中，但这些都没有解决问题。

进口和workerSrc

反应组件：

我正在尝试创建一个表单，在这种情况下输入一些值，姓名和姓氏，然后生成一个 pdf。我正在使用https://react-pdf.org/advanced#on-the-fly-rendering来帮助完成任务。但是，我只提交了一个值。代码摘录如下：

我尝试了多种选择来引入第二个值，它在 console.log 时显示为未定义，因此它不起作用，更不用说更大的形式了。这是代码的完整范围https://codesandbox.io/s/strange-ramanujan-847ph?file=/src/App.js

抱歉，我没有设法让它在codesandbox中工作，但它确实在我的代码编辑器中工作。

我正在使用https://react-pdf.org/styling并且我想在点击打印按钮时显示加载的图像。但是，当我打印图像时会渲染两次。

我试图像这样加载图像，但它根本没有显示出来。

有什么建议么？谢谢！！

我正在尝试使用 react-pdf 库来显示 base64 编码的 PDF 文件。B64 数据是准确的，因为它在 iframe 中加载如下：

但是，如果我将数据插入到 react-pdf 文档中，则会出现错误：

文档呈现错误消息Failed to load PDF file.，控制台记录以下错误：InvalidPDFException {name: "InvalidPDFException", message: "Invalid PDF structure"}

我也收到很多警告，如下所示：Warning: Ignoring invalid character "109" in hex string

文档明确指出文件道具可以是 B64 编码的内容。关于问题可能是什么的任何想法？如果需要，这里是 B64 数据：

如果我添加data:application/pdf;base64,到字符串的开头，则没有错误，但也不会呈现任何内容。

我正在从 db 中搜索数据，结果以表格形式显示。然后用户可以下载任何记录的 pdf。我正在使用@react-pdf/renderer 库来生成 pdf，但这个库的问题是它生成所有结果的 pdf 一次。因此系统由于大量结果而挂起。我需要一个只为用户特定记录生成 pdf 的库，而不是一次全部生成。

下面是例子

我们需要为我们使用 react 和 ant design 构建的在线报告生成 pdf 文件。我现在正在使用 react-pdf 生成 pdf，想知道如何为使用“Ant Design Charts”构建的图形/图表生成 pdf？

我尝试为我的 pdf 查看器编写放大和缩小按钮，但它不起作用。在每个函数中，我都会增加或减少初始比例，但没有任何反应。然而，我的函数在点击时被很好地调用了。请有人帮助我或告诉我我做错了什么？

这是我的查看器代码：

我尝试获取屏幕的 innerWidth 并且我设法做到了，但是当我转到移动视图上的页面时，我首先得到 375，然后转到横向，我得到 667，当返回纵向时，我得到 618。为什么会这样从横向返回时与从另一个页面导航时有什么不同？我做了什么：

这就是我获得宽度的方式

我需要 js 中的宽度，因为我必须从 npm 设置 react-pdf 的宽度，并且它应该在组件的 props 中设置。

使用 react-pdf 的 BlobProvider，我试图将文件存储到状态。这是我尝试过的：

下载时，这会提供损坏的 pdf。