找资源上会说 ∞ 持续保持更新

精品源码 · 亲测源码

广告位招租
亲测源码

HTML版本完全离线的PDF工具箱源码

📅 发布于 2026-07-10 👁 6,652 次阅读

🟢 小白可用
HTMLPDF工具箱源码离线工具网页应用

二次开发:
1. 仍沿用原有的pdf.js、pdf-lib和JSZip,未新增其他库以确保工具的简洁性;在现有功能基础上,新增了PDF水印添加和PDF转图片等功能,具体功能列表见截图。
HTML版本完全离线的PDF工具箱源码-1
2. 我主要使用的是水印添加和PDF转图片功能。由于这个工具也是借助AI开发的,许多功能我并没有测试的,还请自行验证。如果发现bug,请及时告知,我会尽快修复。
3. 有人要求添加PDF加密、解密及OCR等功能,但这些功能开发工作量较大,且市面上已有不少类似工具,且比较成熟可靠的(如pdf24等)。鉴于本工具的核心目标是保持简单高效,因此我也不加这些功能的

其中合并、拆分、旋转、删除、PDF转图片、图片转PDF、页面重排、页面重排这7项功能全部放在一个网页文件里,拆分书籍对开页交替合并这2项功能分别是一个单独的网页文件。
HTML版本完全离线的PDF工具箱源码-1
以后你自己或者身边朋友遇到这些事儿,知道有这么个小工具就行。

1. 合并PDF:30秒,不用求人
第一个功能,就是给我那个深夜求助的朋友做的。操作特别简单:把要合并的PDF文件全拖进来,按住每个文件前面的小图标上下拖动,就能调顺序。
谁在前谁在后,你说了算。点一下按钮,合并好的文件就下载了。
HTML版本完全离线的PDF工具箱源码-2
月底报销,一堆电子发票、申请单、支付截图,领导让整理成一个PDF归档。以前要么找IT帮忙,要么咬牙开会员。现在全选文件拖进去,排好顺序,一键完事儿,全程30秒。

2. 拆分PDF:想留哪页留哪页,四种拆法随便选
有个做销售的朋友跟我说,上游厂商发来的产品手册几百页,客户就想要其中五六页看看。
他以前把整个文件发给客户,人家下载半天,打开翻半天,体验特别差。 现在简单了,把文件拖进来,输入“3-8”,几秒钟就能把那几页抽出来,单独存成一个PDF。
文件小,传输快,客户打开就是他想看的内容。
HTML版本完全离线的PDF工具箱源码-3
除了这种按页码提取,我还加了另外三种拆法:按固定页数自动切分、全部炸成单页、按奇偶页分开。奇偶拆分是江苏那位网友提的,双面打印的扫描件,先按奇偶拆开,再单独处理,特别顺手。

3. 旋转页面:脖子终于不疼了
你一定遇到过这种PDF:打开一看,内容是横着的,甚至倒过来的。
还有的文件正文是竖版,中间夹了几页横排的表格,歪着脑袋看半天。
HTML版本完全离线的PDF工具箱源码-4
把文件拖进来,输入要旋转的页码,不填就默认全部。点一下向左或向右90°,下载。规规矩矩的竖版文件就回来了。

4. 删除页面:发出去之前,抢救一下
一个同事跟我说过一件尴尬事。他做了一份方案发给客户,发完才发现里面夹了一页内部批注意见和两页空白页。
撤回已经来不及了,对方正在看。
HTML版本完全离线的PDF工具箱源码-5
这个功能就是救这种急的。把PDF拖进来,输入要删的页码,比如“2,4,6-8”,点一下按钮,这些页面就被彻底移除,生成一个干干净净的新文件。不用回原文档重新导出,几秒钟抢救完毕。

5. PDF转图片:比截图清晰多了
有朋友问:领导发了个产品手册PDF,让我把其中几页插到Word方案里当配图。截图吧,清晰度不够;导出吧,又不知道用什么工具。
HTML版本完全离线的PDF工具箱源码-6
把PDF拖进来,每一页都会生成高清预览图。
你可以选JPG还是PNG,调画质,还能设置分辨率倍率,最高能到360DPI,打印都够了。鼠标停在某一张上,点右上角的下载按钮就能存下来,也可以一键打包下载全部。 小提醒:如果PDF页数特别多、文件特别大,预览可能会有点慢。
建议先用拆分功能把需要的那几页提取出来,再转图片,这样更快。

6. 图片转PDF:手机拍的合同,终于有个正经样子了
用手机拍了一堆合同页、证件照、收据,想拼成一个PDF发给对方。
以前要么一张张往Word里插,要么找扫描App还得看广告。
HTML版本完全离线的PDF工具箱源码-7
现在直接把图片拖进来,JPG、PNG、WebP、BMP都支持。
所有图片在网格里排列,你可以拖拽调顺序,勾选删掉不要的。
点“导出为PDF”,一份A4纵向的文档就生成了,每张图片自动缩放居中,干干净净。还加了两个快捷键:Ctrl+A全选,Delete删除选中图片,处理几十张图的时候效率拉满。

7. 页面重排:像整理相册一样
这是我自己特别喜欢的一个功能。入职的时候,HR让把毕业证、学位证、成绩单、四六级证书,按指定顺序合成一个PDF交上去。
以前我得一个个打开看,记住顺序,再找工具合并。脑子一乱就排错,又重新来。
HTML版本完全离线的PDF工具箱源码-8
现在把所有这些PDF一口气拖进来,所有页面像相册一样平铺开,缩略图清清楚楚。手指拖一拖就能调顺序,不想要的勾选删除,还能一键加空白页。调满意了,点导出,一个排得整整齐齐的新PDF就出来了。

8.对开页切分:你拥有一把精准的裁纸刀
这个功能是一个广东网友提出来的,书籍拍照是两个面一起拍的,想沿着中线给分割。
上传PDF后,可切换预览每页,为每页独立选择左右拆分、上下拆分或不切割模式。
通过拖拽预览画布上的红色分割线,实时调整裁剪比例,并借助标尺与浮动数值精确定位。
对于每一页,你可以精确的选择横切还是竖切,也支持一键将当前比例模式应用到全部页面,最终输出“原文件名_分割.pdf”。
HTML版本完全离线的PDF工具箱源码-9
切割后的页面如下图所示:
HTML版本完全离线的PDF工具箱源码-10
9.交替合并:不知道有什么用
交替规则是“文件1第1页→文件2第1页→文件3第1页…再回到文件1第2页”,循环直到所有页面用完;如果某个文件页数不够就自动跳过,继续从其他文件中取页,直到全部取完。
PS:我也不知道这个功能有什么用,既然有人提出了,我就只管写代码。
HTML版本完全离线的PDF工具箱源码-11
这9个功能加起来,基本覆盖了日常办公里遇到的绝大多数PDF麻烦。
我不敢说它有多强大、多专业,但有一点我能保证:干净、安全、免费、离线。
这是我从一开始就定下来的原则,以后也不会变。
这个工具箱是一个单网页文件,不需要安装任何软件,双击就能在浏览器里打开。

❓ 常见问题

这个PDF工具箱是纯离线的吗?

是的,基于HTML开发,核心依赖pdf.js、pdf-lib和JSZip,无需联网即可使用,数据完全在本地处理,保障隐私安全。

新增了哪些功能?

在原有功能基础上,新增了PDF水印添加和PDF转图片功能。其他原有功能如截图所示,但部分功能作者未详细测试,建议自行验证。

源码是否包含二次开发指导?

源码沿用原有库结构,未新增其他依赖,便于理解和二次开发。但部分功能由AI辅助生成,建议开发者自行测试和修复潜在bug。

有哪些使用限制?

无明确使用限制,但作者提醒部分功能可能未充分测试,需自行验证。如发现bug,可联系作者反馈,作者承诺尽快修复。

是否支持商用?

资源分类为“亲测源码”,但未明确说明商用授权。建议购买前与卖家确认商用权限,避免侵权风险。

环境要求是什么?

纯HTML/JS实现,兼容主流现代浏览器(如Chrome、Firefox、Edge),无需服务器环境,双击HTML文件即可本地运行。

如何获取更新或修复bug?

作者表示若发现bug可及时告知,会尽快修复。建议购买后保持联系,以便获取后续更新和问题支持。

🚀 发布方:会说源码网 · 已通过安全检测

广告位招租
AI 智能客服
你好呀~ 我是"会说源码网"的 AI 客服,有什么可以帮你的吗?问问提现、充值、会员、上传规则都可以哦~