文本邮箱提取工具

一 引言:

         一个纯前端的网页应用，可以上传文本文件并自动提取所有邮箱地址。

二  功能特点

- 🚀 **纯前端实现** - 无需安装任何软件或依赖包

- 📁 **多种文件格式支持** - 支持 .txt, .doc, .docx, .pdf, .rtf 等格式

- 🖱️ **拖拽上传** - 支持拖拽文件到上传区域

- 📊 **智能统计** - 显示总邮箱数和唯一邮箱数

- 📋 **一键复制** - 可以复制所有提取到的邮箱地址

- 📱 **响应式设计** - 支持手机和电脑使用

- 🎨 **现代UI** - 美观的渐变背景和卡片式设计

三  使用方法

1. **打开网页** - 双击 `index.html` 文件，用浏览器打开

2. **上传文件** - 点击上传区域选择文件，或直接拖拽文件到上传区域

3. **查看内容** - 文件内容会显示在页面上

4. **提取邮箱** - 点击"提取邮箱"按钮

5. **查看结果** - 所有邮箱地址会以列表形式显示

6. **复制邮箱** - 点击"复制所有邮箱"按钮复制到剪贴板

3.1 技术实现

- **HTML5** - 语义化标签和文件API

- **CSS3** - 现代样式、渐变、动画和响应式设计

- **JavaScript ES6+** - 类、异步操作、正则表达式

- **FileReader API** - 读取本地文件内容

- **Clipboard API** - 复制到剪贴板（带降级方案）

3.2  文件结构

文本提取邮箱输出/

├── index.html # 主页面文件

├── sample.txt # 示例文本文件（包含测试邮箱）

└── README.md # 说明文档

3.2 测试方法

1. 用浏览器打开 `index.html`

2. 上传 `sample.txt` 文件

3. 点击"提取邮箱"按钮

4. 查看提取结果（应该能提取到16个邮箱地址）

3.3 邮箱正则表达式

使用的正则表达式：`/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g`

这个正则表达式可以匹配：

- 用户名部分：字母、数字、点、下划线、百分号、加号、连字符

- @符号

- 域名部分：字母、数字、连字符、点

- 顶级域名：至少2个字母

3.4 浏览器兼容性

- ✅ Chrome 60+

- ✅ Firefox 55+

- ✅ Safari 11+

- ✅ Edge 79+

- ✅ 移动端浏览器

四 部署方式

4.1 由于是纯前端应用，可以通过以下方式部署：

1. **本地使用** - 直接双击HTML文件

2. **Web服务器** - 上传到任何Web服务器

3. **GitHub Pages** - 推送到GitHub仓库并启用Pages

4. **CDN** - 部署到CDN服务

4.2  隐私说明

- 所有文件处理都在本地浏览器中进行

- 不会上传文件到任何服务器

- 不会收集或存储任何个人信息

- 完全离线工作，保护用户隐私

👍 **点赞收藏是对我最大的鼓励！**

- 您的每一个点赞都是我继续分享的动力

- 收藏这个项目，随时可以回来学习参考

- 分享给更多同学，一起进步成长