PDF在线预览

wzl_csdn_001

于 2019-07-04 16:26:14 发布

阅读量267

点赞数

CC 4.0 BY-SA版权

分类专栏： js PDF文件预览文章标签： pdf文件预览

本文链接：https://blog.youkuaiyun.com/wzl_csdn_001/article/details/94627162

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百度网盘代码下载地址
提取码：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

最低0.47元/天解锁文章