55 lines
2.2 KiB
Markdown
55 lines
2.2 KiB
Markdown
|
# PDF转图片工具
|
|||
|
|
|
|||
|
|
一个纯前端的PDF转图片工具，所有处理均在浏览器中完成，无需上传文件到服务器，保证用户数据安全。
|
|||
|
|
|
|||
|
|
## 功能特点
|
|||
|
|
|
|||
|
|
- 🔒 **安全可靠**：所有处理均在本地浏览器中完成，无需上传文件到服务器
|
|||
|
|
- 🚀 **高效转换**：快速将PDF文件转换为高质量图片
|
|||
|
|
- 📱 **响应式设计**：适配各种设备屏幕
|
|||
|
|
- 🖼️ **多种导出选项**：支持导出单页图片或合并为单张长图
|
|||
|
|
- 🔍 **实时预览**：转换前可预览PDF内容
|
|||
|
|
- 📦 **批量处理**：支持多页PDF一次性处理
|
|||
|
|
|
|||
|
|
## 使用方法
|
|||
|
|
|
|||
|
|
1. 打开网页应用
|
|||
|
|
2. 拖放PDF文件到指定区域或点击"选择文件"按钮
|
|||
|
|
3. 等待PDF加载和预览生成
|
|||
|
|
4. 选择导出选项（单页图片或合并为单张图片）
|
|||
|
|
5. 点击"导出图片"按钮
|
|||
|
|
6. 下载生成的图片文件
|
|||
|
|
|
|||
|
|
## 本地部署
|
|||
|
|
|
|||
|
|
1. 克隆本仓库
|
|||
|
|
2. 确保`cssjs/js`目录下包含所有必要的JS库文件
|
|||
|
|
3. 使用Web服务器（如Nginx、Apache等）提供静态文件服务
|
|||
|
|
4. 访问index.html即可使用
|
|||
|
|
|
|||
|
|
## 所需JS库文件
|
|||
|
|
|
|||
|
|
本项目依赖以下JS库，请下载并放置在`cssjs/js`目录下：
|
|||
|
|
|
|||
|
|
1. [pdf.js](https://cdn.jsdelivr.net/npm/pdf.js@3.4.120/build/pdf.min.js) - PDF渲染核心库
|
|||
|
|
2. [pdf.worker.js](https://cdn.jsdelivr.net/npm/pdf.js@3.4.120/build/pdf.worker.min.js) - PDF.js工作线程
|
|||
|
|
3. [jszip.min.js](https://cdn.jsdelivr.net/npm/jszip@3.10.1/dist/jszip.min.js) - 用于创建ZIP文件
|
|||
|
|
4. [FileSaver.min.js](https://cdn.jsdelivr.net/npm/file-saver@2.0.5/dist/FileSaver.min.js) - 用于保存文件
|
|||
|
|
|
|||
|
|
## 技术栈
|
|||
|
|
|
|||
|
|
- HTML5 / CSS3
|
|||
|
|
- JavaScript (ES6+)
|
|||
|
|
- [PDF.js](https://mozilla.github.io/pdf.js/) - Mozilla的PDF渲染库
|
|||
|
|
- [JSZip](https://stuk.github.io/jszip/) - 用于创建ZIP文件的JavaScript库
|
|||
|
|
- [FileSaver.js](https://github.com/eligrey/FileSaver.js/) - 客户端保存文件的解决方案
|
|||
|
|
- [Bootstrap 5](https://getbootstrap.com/) - 用于UI组件和响应式设计
|
|||
|
|
- [Bootstrap Icons](https://icons.getbootstrap.com/) - 图标库
|
|||
|
|
|
|||
|
|
## 致谢
|
|||
|
|
|
|||
|
|
本项目基于原始的PDF转图片工具进行了重构和改进，感谢原项目的开发者提供的基础功能和灵感。
|
|||
|
|
|
|||
|
|
## 许可证
|
|||
|
|
|
|||
|
|
本项目采用MIT许可证，详情请查看[LICENSE](LICENSE)文件。
|