纯前端 PNG/JPG 转 PDF 工具（无需服务器，源码分享）

纯前端 PNG/JPG 转 PDF 工具（无需服务器，源码分享）

✨ 一个完全运行在浏览器中的图片转 PDF 工具，不依赖后端、不上传文件、保护隐私，支持拖拽、排序、预览、批量导出，代码开源，一键部署！

🌐 在线演示

👉 https://longsongline.github.io/png-to-pdf/

打开即可使用，无需注册、无需登录，所有处理都在你的浏览器中完成！

📦 功能特性

• ✅ 纯前端实现：基于 jsPDF + FileReader，无任何服务端依赖
• ✅ 隐私安全：图片不会上传到任何服务器，全程本地处理
• ✅ 多格式支持：PNG、JPG、BMP、TIFF、SVG（自动转 PNG）
• ✅ 灵活输出：
  • 合并为单个 PDF（每张图一页）
  • 或每张图生成独立 PDF
• ✅ 交互友好：
  • 拖拽上传 / 点击选择
  • 图片预览（带缩放）
  • 手动排序 / 按文件名排序
  • 删除选中 / 清空全部
  • 文件大小显示、操作日志提示

💻 使用方法

1. 打开 在线工具
2. 拖入或点击选择多张图片
3. 调整顺序（可选）
4. 选择输出模式
5. 点击「导出 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

🚀 如何部署自己的版本？

1. Fork 本仓库
2. 进入仓库 → Settings → Pages
3. 设置 Source 为 main 分支 + / (root)
4. 保存，等待 1 分钟
5. 访问：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、无后端