五分钟实现 pdf 分页

背景

抱歉也开始用了这么“标题党”的标题。事情起源于前几天需要把个人资料的 pdf 文档一页一页的拆出来,好传到相关的网站上。直接截图到 word 再转 pdf 比较麻烦,所以想用工具直接转换。结果找了几个 pdf 阅读器,这类操作都需要会员或收费。作为一名程序员,这么简单的操作还要收费显然是一种羞耻(当然我是不会承认主要是因为 qiong 的),几分钟就可以代码解决的问题为啥要花钱呢?废话不多说,开搞。

工具准备

之前的文章Apache POI 详解及 Word 文档读取示例中,我们曾经用 apache poi 来实现对 word 文档的操作。对于 pdf 文件,也同样有 apache 的 pdfbox(官网:https://pdfbox.apache.org/),和 itextpdf(官网:https://itextpdf.com/)包可以使用。

PDFBox:

PDFBox 是 Java 实现的 PDF 文档协作类库,提供 PDF 文档的创建、处理以及文档内容提取功能,也包含了一些命令行实用工具。PDFBox 提供的主要功能有:

  • 从 PDF 提取文本

  • 合并 PDF 文档

  • PDF 文档加密与解密

  • 与 Lucene 搜索引擎的集成

  • 填充 PDF/XFDF 表单数据

  • 从文本文件创建 PDF 文档

  • 从 PDF 页面创 建图片

  • 打印 PDF 文档

itextpdf:

iText 是著名的开放源码的站点 sourceforge 一个项目,是用于生成 PDF 文档的一个 java 类库。通过 iText 不仅可以生成 PDF 或 rtf 的文档,而且可以将 XML、Html 文件转化为 PDF 文件。 iText 的安装非常方便,下载 iText.jar 文件后,只需要在系统的 CLASSPATH 中加入 iText.jar 的路径,在程序中就可以使用 iText 类库了。

依赖引入

新建

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js 是一个流行的 JavaScript 框架,可以用于构建用户界面。要实现 PDF 的自动分页功能,你可以使用 Vue.js 的相关库来处理 PDF 文件,并结合一些自定义的逻辑来实现分页效果。 下面是一个简单的示例,演示如何使用 Vue.js 和 pdfjs-dist 库来实现基本的 PDF 自动分页功能: 1. 首先,安装所需的依赖: ```bash npm install vue pdfjs-dist ``` 2. 创建一个 Vue 组件,例如 `PdfViewer.vue`: ```vue <template> <div> <canvas ref="canvas"></canvas> <button @click="previousPage">Previous</button> <button @click="nextPage">Next</button> </div> </template> <script> import pdfjsLib from 'pdfjs-dist' import 'pdfjs-dist/build/pdf.worker.entry' export default { data() { return { pdf: null, currentPage: 1, totalPages: 0, } }, mounted() { this.loadPDF() }, methods: { async loadPDF() { const pdfUrl = 'path_to_your_pdf_file.pdf' // 替换为你的 PDF 文件路径 const loadingTask = pdfjsLib.getDocument(pdfUrl) const pdf = await loadingTask.promise this.pdf = pdf this.totalPages = pdf.numPages this.renderPage() }, async renderPage() { const canvas = this.$refs.canvas const ctx = canvas.getContext('2d') const page = await this.pdf.getPage(this.currentPage) const viewport = page.getViewport({ scale: 1.0 }) canvas.height = viewport.height canvas.width = viewport.width const renderContext = { canvasContext: ctx, viewport: viewport, } await page.render(renderContext) }, previousPage() { if (this.currentPage > 1) { this.currentPage-- this.renderPage() } }, nextPage() { if (this.currentPage < this.totalPages) { this.currentPage++ this.renderPage() } }, }, } </script> ``` 3. 在你的 Vue 应用程序中使用 `PdfViewer` 组件: ```vue <template> <div> <h1>PDF Viewer</h1> <pdf-viewer></pdf-viewer> </div> </template> <script> import PdfViewer from './PdfViewer.vue' export default { components: { PdfViewer, }, } </script> ``` 以上示例代码是一个简单的 PDF 查看器,包含了两个按钮来切换上一页和下一页。你可以根据自己的需求进行修改和扩展。 请注意,在示例中,你需要将 `'path_to_your_pdf_file.pdf'` 替换为你实际的 PDF 文件路径。 希望以上内容能够帮助到你实现 Vue.js 中的 PDF 自动分页。如有任何问题,请随时提问。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值