纯前端 PNG/JPG 转 PDF 工具（无需服务器，源码分享）
纯前端 PNG/JPG 转 PDF 工具（无需服务器，源码分享）
✨ 一个完全运行在浏览器中的图片转 PDF 工具，不依赖后端、不上传文件、保护隐私，支持拖拽、排序、预览、批量导出，代码开源，一键部署！
🌐 在线演示
👉 https://longsongline.github.io/png-to-pdf/
打开即可使用，无需注册、无需登录，所有处理都在你的浏览器中完成！
📦 功能特性
- ✅纯前端实现：基于
jsPDF+FileReader，无任何服务端依赖 - ✅隐私安全：图片不会上传到任何服务器，全程本地处理
- ✅多格式支持：PNG、JPG、BMP、TIFF、SVG（自动转 PNG）
- ✅灵活输出：
- 合并为单个 PDF（每张图一页）
- 或每张图生成独立 PDF
- ✅交互友好：
- 拖拽上传 / 点击选择
- 图片预览（带缩放）
- 手动排序 / 按文件名排序
- 删除选中 / 清空全部
- 文件大小显示、操作日志提示
💻 使用方法
- 打开 在线工具
- 拖入或点击选择多张图片
- 调整顺序（可选）
- 选择输出模式
- 点击「导出 PDF」即可下载！
⚠️ 首次加载会从 CDN 加载
jsPDF库（约 100KB），请确保网络畅通。
🧩 技术实现
- 核心库：jsPDF v2.5.1
- 编码规范：UTF-8（避免中文乱码）
- 兼容性：现代浏览器（Chrome / Edge / Firefox / Safari）
关键逻辑：
- 使用
FileReader读取本地文件为 DataURL - SVG 自动转为 PNG 再嵌入 PDF
- 利用
addPage()实现多页布局 - 响应式 UI + 拖拽排序 + 图片预览模态框
📂 源码 & 部署
🔗 GitHub 仓库
- 仓库地址：https://github.com/longsongline/png-to-pdf
- 文件结构极简：仅一个
index.html
🚀 如何部署自己的版本？
- Fork 本仓库
- 进入仓库 →Settings → Pages
- 设置 Source 为
main分支 +/ (root) - 保存，等待 1 分钟
- 访问：
https://你的用户名.github.io/png-to-pdf/
💡 完全免费！GitHub Pages 自动提供 HTTPS。
📝 注意事项
- 中文乱码问题？
请确保index.html以UTF-8 无 BOM 编码保存（推荐直接在 GitHub 网页编辑器修改）。 - 大图处理慢？
浏览器内存有限，建议单图不超过 10MB。 - PDF 分辨率？
默认按 A4 尺寸居中缩放，保持原始比例。
❤️ 开源协议
本项目为MIT 协议，欢迎 Fork、Star、提 PR！
如果你觉得有用，欢迎点赞 👍 或分享给需要的朋友！
作者：longsongline
更新时间：2026年3月
关键词：前端工具、图片转PDF、纯前端、jsPDF、GitHub Pages、无后端