通过ViewerJS获取PDF中的页数
ViewerJS是一个开源的JavaScript库，用于在网页上显示PDF、ODT、ODP等文档格式。它提供了一个简单的接口，可以轻松地嵌入到网页中，并且不需要任何插件或浏览器扩展。
通过ViewerJS获取PDF中的页数，可以使用以下步骤：
- 引入ViewerJS库：在网页的<head>标签中添加以下代码，将ViewerJS库引入到页面中。
<script src="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.5.0/viewer.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.5.0/viewer.min.css" />- 创建一个包含PDF文件的<div>元素：在页面中添加一个<div>元素，并设置其id属性为"pdfContainer"。
<div id="pdfContainer"></div>- 初始化ViewerJS：在页面加载完成后，使用JavaScript代码初始化ViewerJS，并指定要显示的PDF文件。
window.onload = function() {
var viewer = new Viewer(document.getElementById('pdfContainer'), {
url: 'path/to/your/pdf/file.pdf',
navbar: false, // 隐藏导航栏
toolbar: false, // 隐藏工具栏
title: false // 隐藏标题
});
};- 获取PDF的页数：使用JavaScript代码获取PDF的页数。
var pdf = document.getElementById('pdfContainer').querySelector('iframe');
var pageCount = pdf.contentDocument.querySelector('.page').childElementCount;
console.log('PDF页数：', pageCount);以上代码中，通过querySelector方法获取到ViewerJS生成的<iframe>元素，然后使用contentDocument属性获取到<iframe>中的文档对象，再通过querySelector方法获取到包含页数的元素，最后使用childElementCount属性获取页数。
ViewerJS的优势是可以在不依赖第三方插件的情况下，在网页上直接显示PDF等文档格式，方便用户在线预览和阅读。它适用于各种需要展示文档的场景，如在线教育、企业文档管理、电子书阅读等。
腾讯云相关产品中，可以使用对象存储（COS）服务存储和管理PDF文件，使用云函数（SCF）服务来部署和运行上述JavaScript代码。具体产品介绍和链接如下：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和管理各种类型的文件。了解更多信息，请访问腾讯云对象存储（COS）。
- 腾讯云云函数（SCF）：无服务器计算服务，可以在云端运行代码，无需关心服务器的配置和管理。了解更多信息，请访问腾讯云云函数（SCF）。
通过上述步骤和腾讯云相关产品，您可以轻松地使用ViewerJS获取PDF中的页数，并在网页上展示和处理PDF文件。
相关·内容
1回答
使用ViewerJS可以获得正在显示的PDF文档的页数吗？ 我可以从ViewerJS附带的pdf.js文件中看到有data.numPages，但我就是搞不清楚如何访问它。一种解决方案(我不喜欢，但很有效)是获取<span id="numPages" class="toolbarLabel">of 12</span>并解析内部文本…… var text = d
浏览 46提问于2019-01-18得票数 1
回答已采纳
我正在尝试在Django3.1应用程序中使用ViewerJS，以便在Django模板中显示office文档或pdf。我创建的url是 http://localhost:8000/static/js/ViewerJS/index.html/#..media/files/Materials.pdf 这将生成以下内容： 当我查看开发人员控制台->网络时，我看到许多查看器js项都找不到，我理解这就是
浏览 135提问于2021-04-28得票数 0
3回答
你好，我正在尝试用显示PDF文档，但它不能正常工作。正如文档所说，我在公共文件夹中有ViewerJS文件夹，在公共/uploads/ <iframe id="viewer" src = "{{URL::to('/')}}/ViewerJS/#../{{$video->source}}" width='100%' height='600' allowfullscreen w
浏览 5提问于2014-08-09得票数 1
1回答
但是，我使用的链接不会呈现PDF。我的ViewerJS文件夹在static/js/下，PDF在static/pdf/docs/下。下面是我使用的链接：
<a href="/static/js/ViewerJS/#/static/pdf/docs/agreement.pdf&
浏览 1提问于2015-07-01得票数 3
回答已采纳
2回答
我正在尝试在我的网站上的iframe中显示.pdfs，但是按照viewerjs.org上的说明，会产生一个iframe，它只在ViewerJS中显示index.html文件。我的apache文档根目录位于ViewerJS目录位于
/var/www/lifecycle/htdocs/js
浏览 1提问于2015-06-03得票数 0
回答已采纳
简单的事情，我需要做的是，我有一个pdf文件，我需要返回这个文件的页数。我应该用Zend框架来做这件事。
提前感谢您的回答
浏览 4提问于2012-03-18得票数 0
回答已采纳
我正在使用ViewerJS预览文件，我只需输入url就可以从服务器访问上传的文件。当用户访问该路由时，我尝试执行检查：{
/* if user notlogged in
浏览 0提问于2018-04-26得票数 1
在我的应用程序中，PDF在网页中打开，在下面的示例中，当用户点击Logo.png时，它被重定向到同一页面中的FPDF站点，但我想在新窗口中打开链接，而不是在同一窗口中打开，所以用户已经打开了PDF。$pdf->Image('logo.png',10,10,30,0,'','http://www.fpdf.org');
浏览 0提问于2012-06-11得票数 3
4回答
下载blob后刷新iframe
、、、、
我的服务器上有一个文件浏览器，它使用Azure存储来存储文件。该网站有一个功能，当你点击一个文件，它会弹出一个详细信息窗口。我使用ViewerJS来显示这个文件的pdf预览(如果适用的话)，而且一切都很好。唯一的问题是，当下载预览文件时，您必须手动重新加载预览iframe以使其显示。response); $scope.pdfthingy=response; document.getElementById("viewerjs_preview").contentDocum
浏览 8提问于2015-06-10得票数 0
回答已采纳
pdf文件可以显示在Chrome的iframe中，但不能显示在IE中。不一定是免费的。编辑(解决方案)：
选择的</em
浏览 0提问于2015-09-14得票数 2
回答已采纳
1回答
如何获取打印页数
、、
其目的是获取打印页数。如果我在word、excel或pdf中打印。我想通过那个exe应用程序获得打印页数并显示在标签中。我正在使用WPF。怎么做。请告诉我。
浏览 45提问于2015-07-06得票数 0
我需要获取包含任何扩展名的文件的总页数，如.xls、.pdf或.doc文件。我可以用下面的代码获取pdf文件的总页数，NSURL *pdfUrl = [NSURL fileURLWithPat
浏览 7提问于2011-03-07得票数 0
回答已采纳
我需要计算在doc，docx和pdf文件中的页数。但是，如果文件在服务器上，只使用javascript就可以了吗？
浏览 6提问于2016-01-13得票数 0
我试图使用PyPDF2来获取目录中每个pdf的页数。我可以使用.getNumPages()来查找一个pdf文件中的页数，但是我需要遍历一个目录并获取每个文件的页数。有什么想法吗？下面是我到目前为止掌握的代码：import osdf = pd.DataFra
浏览 2提问于2017-03-17得票数 3
回答已采纳
1回答
我有一个带有jQuery选项卡的页面，我需要从服务器将一个PDF文件加载到其中一个选项卡中。我尝试过iTextSharp，但我不想加载到页面中的图像中，据我所知，这是我唯一能做的事情。我看过ViewerJS，但这不像声称的那样有效。我创建了一个iframe，在项目级别加载了整个文件夹，并调用：
<iframe src="./ViewerJS/#../Images
浏览 2提问于2015-12-16得票数 0
回答已采纳
4回答
我在用在我的网站上嵌入一个pdf文件。例如： <embed src="abc.pdf" type="application/pdf" /></object>
它可以在所有桌面浏览器上工作，但在我
浏览 2提问于2013-09-02得票数 5
回答已采纳
1回答
我试图通过命令行获取PDF文件中的页数。pdfinfo "/tmp/temp.pdf" | grep Pages: | awk '{print $2}'3sh -c "pdfinfo '/tmp/temp.pdf' | grep Pages
浏览 1提问于2018-06-16得票数 0
回答已采纳
1回答
有没有什么Perl脚本可以读取多个PDF文件并获取其中的页数？
通过使用PDFlib或pdftet。
浏览 0提问于2008-12-19得票数 5
回答已采纳
1回答
cfpdf标签有很多选项，但我似乎找不到一个可以将PDF包拆分成可以保存到文件系统的单独文件的选项。
这个是可能的吗？
浏览 2提问于2009-10-25得票数 2
问题是，我如何才能得到pdf格式的页数。
// convert to jpg $im->setImageColorspace(
浏览 4提问于2012-05-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
