PDF.js - 在嵌入式 PDF 上使用搜索功能

将以下代码添加到了viewer.js 中。我通过传递 url 参数来打开我的 pdf。

不知道大家这个嵌入式pdf的代码是在前端还是后端,但是我在的公司这个代码是在后端的,导致我找了一上午也没有找到,温馨提示一下:前端搜不到的话,去后端全局搜索一下。

//viewer.js判断一下地址栏参数是否存在。
//PDFViewerApplication,这个变量名字是整个生成pdf的对象
var queryString = document.location.search.substring(1);
var params = PDFViewerApplication.parseQueryString(queryString);
var textSearch = 'search' in params ? params.search : null;
// *上面三行代码是因为,我这个viewer.js在后端,所有语法是在后端使用的。前端的话,直接通过路由获取就好了

if (textSearch) {
    searchPDF(textSearch);
}

function searchPDF(td_text) {
    //将搜索框打开
    PDFViewerApplication.findBar.open();
    PDFViewerApplication.findBar.findField.value = td_text;
    PDFViewerApplication.findBar.caseSensitive.checked = true;
    PDFViewerApplication.findBar.highlightAll.checked = true;
    PDFViewerApplication.findBar.findNextButton.click();
    //将搜索框关闭
    PDFViewerApplication.findBar.close();
}

  • 10
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
pdf.jspdf.worker.js是两个 JavaScript 文件,用于在网页中呈现 PDF 文件。pdf.js 提供了解析 PDF 文件的主要功能,而pdf.worker.js提供了在解析过程中必要的工作线程。 pdf.js的特点在于,它使得在网页中呈现PDF文件变得非常容易。pdf.js 基于 HTML5 技术和 WebGL,可以在各种现代浏览器中呈现PDF文件。pdf.js还支持许多PDF文件的高级特性,例如交互式表单,内部链接,嵌入式JavaScript等。这使得PDF在网页中的呈现更加具有交互性和可操作性。 pdf.worker.js的作用在于,它提供了解析PDF文件所必须的工作线程。这些工作线程可以在后台执行,并且可以处理PDF文件的各种特性。此外,pdf.worker.js还可以提高PDF文件的打开速度和响应速度,因为它使得对PDF文件的解析变得更加高效。 虽然pdf.jspdf.worker.js提供了许多便利,但是它们仍然有一些局限性。由于它们是基于Web技术开发的,因此在处理大型和复杂的PDF文件时可能会存在性能问题。另外,由于它们是在网页中呈现PDF文件,因此缺乏PDF文件的一些安全性能,例如数字签名和安全访问控制等。 总之,pdf.jspdf.worker.js是非常实用的JavaScript文件,可用于在网页中呈现PDF文件。它们提供了许多高级特性和便利,但仍然存在一些局限性。对于大多数用户来说,使用这两个文件仍然是一个非常好的选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值