PDF在线预览

使用PDFJS实现在线预览及跳转功能

最新推荐文章于 2023-10-21 10:45:00 发布

原创

最新推荐文章于 2023-10-21 10:45:00 发布 · 298 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#pdf文件预览

该博客介绍了如何使用PDFJS库来实现PDF文件的在线预览，并详细说明了如何添加点击跳转至指定页码以及地址栏关键字自动定位的扩展功能。通过提供的百度网盘代码下载链接，读者可以获取到pdfjs-2.0.943-dist.rar资源，解压后在Tomcat环境下直接运行即可体验这些功能。

百度网盘代码下载地址
提取码：67j2
PDFJS版本：pdfjs-2.0.943-dist.rar
扩展功能：
1.实现点击跳转至指定页码。

// wzlpageJs开始
/*
 * 实现根据传入参数自动跳转到PDF文件指定页面
 * 
 */
function setPageAndInto(page){
	var pdfViewer = PDFViewerApplication.pdfViewer;
	pdfViewer.currentPageLabel = page;
	if (page !== pdfViewer.currentPageNumber.toString() && page !== pdfViewer.currentPageLabel) {
		PDFViewerApplication.toolbar.setPageNumber(pdfViewer.currentPageNumber, pdfViewer.currentPageLabel);
		PDFViewerApplication.secondaryToolbar.setPageNumber(page);
	}
}

2.实现地址栏关键字自动定位

/*
 * 实现根据传入参数自动跳转到PDF文件指定页面
 * 
 */
function setKeyAndAutoSerach(key){
	console.log("执行查询了");
	var caseSensitive = false;
	var entireWord = false;
	var findPrevious = undefined;
	var highlightAll =	false;
	var phraseSearch = true;
	var query = key;
	var type = "";
	PDFViewerApplication.findController.executeCommand('find' +

最低0.47元/天解锁文章