Snowz
578a412bdd
更新了README.md文件，增加了NGINX配置示例、浏览器兼容性说明、隐私说明和致谢部分。同时，修改了index.html文件，添加了favicon图标并调整了JS文件的加载顺序，确保FileSaver.js先加载。
86 lines
2.8 KiB
Markdown
86 lines
2.8 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) - 用于保存文件
|
||
|
||
### NGINX 配置示例
|
||
|
||
如果使用 NGINX 服务器，可以添加以下配置以支持 `.mjs` 文件：
|
||
|
||
```
|
||
nginx
|
||
types {
|
||
# 其他 MIME 类型...
|
||
text/javascript mjs;
|
||
}
|
||
```
|
||
## 浏览器兼容性
|
||
|
||
本工具支持所有现代浏览器，包括：
|
||
|
||
- Chrome 60+
|
||
- Firefox 60+
|
||
- Safari 11+
|
||
- Edge 79+
|
||
|
||
## 隐私说明
|
||
|
||
- 所有文件处理均在本地浏览器中完成
|
||
- 不会将您的 PDF 文件或生成的图片上传到任何服务器
|
||
- 不会收集任何个人信息或使用情况数据
|
||
|
||
## 致谢
|
||
|
||
- PDF.js
|
||
- JSZip
|
||
- FileSaver.js
|
||
- Bootstrap
|
||
|
||
本项目基于原始的PDF转图片工具进行了重构和改进，感谢[原项目](https://github.com/xxlllq/pdf2img)开发者提供的基础功能和灵感。
|
||
|
||
## 技术栈
|
||
|
||
- 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/) - 图标库
|
||
|
||
## 许可证
|
||
|
||
本项目采用MIT许可证，详情请查看[LICENSE](LICENSE)文件。 |