Snowz
85142d373e
添加了完整的PDF转图片工具的前端实现，包括HTML、CSS、JavaScript代码。该工具允许用户在浏览器中安全地将PDF文件转换为图片，支持单页导出或合并为单张长图，并提供了实时预览功能。所有处理均在本地完成，无需上传文件到服务器，确保用户数据安全。
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)文件。 |