问题标签 [ng2-pdfjs-viewer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
953 浏览

angular - ng2-pdf-viewer 最新版本(6.3.2)不适用于 60.0.312 版本的 chrome

我正在尝试使用最新版本的ng2-pdf-viewer(6.3.2)组件来显示 chrome 60.0.312 版本的 PDF,但它没有显示 PDF,并且我在控制台没有收到任何错误。相同的 ng2-pdf-viewer 版本在最新版本的 chrome (87.0.4280.88) 上运行良好。

app.module.ts

app.component.ts

app.component.html

请告诉我:

  • 如果我缺少任何必需品。
  • 有没有办法在 chrome (60.0.312) 上使用最新版本的 ng2-pdf-viewer(6.3.2)。
0 投票
1 回答
829 浏览

html - 在 ng2-pdf-viewer 中查看所有文档

在 npm ng2-pdf-viewer 中,我们可以查看图像、excel 和其他文档。我有所有文档的base64字符串,但我不仅想查看pdf,还想查看所有文档。可能吗?如果是这样,任何人都可以帮助我吗?

0 投票
0 回答
97 浏览

angular - 如何在 pdf.js 中实现范围请求

我在我的 Angular 项目中使用 pdf.js(https://mozilla.github.io/pdf.js/)来显示 pdf 文件。

我已从服务器端 API(NodeJs/ASP.Net Core)在浏览器上成功显示 pdf 文件(使用 blob)。但在这种情况下,文件已完全下载然后显示。

我想部分下载和显示等等。我已阅读有关实现此目的的HTTP 范围请求。但我不知道如何实现它,也没有找到任何使用 pdf.js 的工作示例。

我想在角度和节点 js 项目中实现部分内容(pdf.js)的范围请求。我搜索了很多,但没有找到任何示例。

如何实施?

0 投票
0 回答
144 浏览

javascript - 如何根据页码从base64字符串pdf中获取页面内容 - 角度或javascript

从 PDF 中,我想根据 base64 的页码找出内容。

这是样本pdf。 http://www.africau.edu/images/default/sample.pdf

这是pdf的base64格式。

通过使用下面的代码,我可以找到 base 64 文档的页数。一旦我得到 pdf 页数,需要根据当前页码查找文档的内容。我有当前页码。

当用户点击页码时,将触发以下功能:

想知道它在什么基础上将页面从 base 64 内容中拆分出来。

最终解决方案:一旦获得当前文档的内容,我需要将其嵌入到另一个 base64 内容中。

0 投票
1 回答
137 浏览

angular - angular 7 如何减少生产构建尺寸

如何减少生产构建尺寸。

生产构建:ng build --prod

angular.json 配置文件:

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

main.js(4.3mB) 有 pdf.js(303kB),pdf_viewer.js(100kB) 除了这些,还存在一个单独的 pdf.worker.js(739kB)。

cpexcel.js 和 xlsx.js 占用了更多空间。

我从未使用过 xlsx 中的 jszip

我正在使用 ng2-pdf-viewer 处理 pdf 文件。


开发构建:ng build

在此处输入图像描述

这里 main.js(1.2mb) 不包含 pdf.js(303kB)、pdf_viewer.js(100kB)。这些都包含在 vendor.js 中。

但是 pdfworker.js 的大小为 1.51mB

谢谢

0 投票
1 回答
38 浏览

javascript - 从 iframe 中获取标签“a”

这是我的代码,我需要从 iframe 中获取标签“a”,但是当我得到它时,我得到一个像这样的空数组:Empty array

但是当我打开它时,我有这个:这是我阵列上的“a”。我怎样才能得到标签?

0 投票
0 回答
909 浏览

angular - 使用 ng2-pdf-viewer 加载本地 PDF

我只想显示在项目目录中找到的 PDF。

我确实阅读了在线文档render-local-pdf-file但仍然无法完成这项工作。

这是我的代码:

这是我在模板中实现它的方式

如果我使用示例中的 pdf(“https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf”),则查看器可以工作。

如果我使用本地文件而不是 PDF 的 URL,为什么会有所不同?

我得到的错误如下: 404 Not Found XHR GET http://localhost:4200/confirmation.pdf

该文件位于消息组件的上一层:

0 投票
0 回答
109 浏览

angular - 带有 ng2-pdfjs-viewer 的 Angular/ionic 5。大pdf文件的问题

目前在我们的 ionic 5/angular 8 应用程序中使用 ng2-pdfjs-viewer 和 cordova(android 应用程序)。所有 pdf 文件都下载到设备中,然后我们使用 ng2-pdfjs-viewer 显示内容。它适用于小型 pdf,但不适用于大于 1.8 mb 的文件(没有错误消息)。

<ng2-pdfjs-viewer *ngIf="pdfSrc" [pdfSrc]="pdfSrc"></ng2-pdfjs-viewer>

0 投票
1 回答
442 浏览

angular - 如何在 ng2-pdfjs-viewer 中实现 PDFViewerApplication 和 PDFViewerApplicationOptions

我在我的 ANGULAR 站点中使用 ng2-pdfjs-viewer 来查看 PDF。但我的客户要求在工具栏中添加一些更多与网站相关的链接,例如联系我们、导航到其他网站。我认为我们可以使用 PDFViewerApplication 和 PDFViewerApplicationOptions。

有人可以让我如何实现 PDFViewerApplication 和 PDFViewerApplicationOptions 吗?或者请给我一些其他的选择?

0 投票
0 回答
86 浏览

pdfjs - PDF 不在 IE11 ng2-pdfjs-viewer 的外部窗口中呈现

我正在尝试使用以下内容在 IE 上的新窗口中打开 PDF blob,并在我的组件中以编程方式读取 pdfSrc。 <ng2-pdfjs-viewer [externalWindow]="true" [download]="false" #externalPdfViewer></ng2-pdfjs-viewer>

虽然这在 Chrome 中按预期工作,但在 IE11 中打开它时,我收到以下错误消息并且 PDF 未呈现。

新标签: 新标签错误 Message: Unable to get property 'headersReady' of undefined or null reference undefined

浏览器控制台: 浏览器控制台错误 Unhandled promise rejection DataCloneError

最奇怪的部分是,[externalWindow]=false在我的组件中设置和渲染它时它工作得很好,所以不知道除了DataCloneError

通过四处搜索,我看到其他一些人有这个问题,但没有解决它的运气。我尝试提供 Uint8Array 而不是 blob 以及添加core-js/es/function,但到目前为止没有任何效果。