ARTICLE · 1016716
还在一个个手动加密文档?我用一个网页搞定了整个文件夹
大家好，我是老狗。
我相信大家平时工作中都会涉及到一些重要文件加密的场景。
比如我自己用公司的电脑办公，但我知道 IT 后台有权限随时查看我电脑里的文件，可我不想让他看到我的一些私密文档，这时候怎么办呢？
答案很简单——
提到加密，如果你有多个文档需要加密，你会怎么做呢？
❌ 一个个手工操作吗？
❌ 找付费软件？还要下载安装？
❌ 担心软件偷偷上传你的文件？
我今天突然想到，是不是可以用 HTML 写个工具实现批量操作呢？
试了一下，
✨ 三大亮点：
✅ 纯本地运行，文件不上传任何服务器
✅ 军用级别 AES-256 加密
✅ 必须通过加密工具才能解密
工具界面预览效果如下：
实际加解密效果展示：
想自己做？我把完整的开发提示词分享给大家，复制给 AI 即可生成同款工具：
# 角色
你是一位精通前端开发的高级工程师，擅长用原生 HTML + CSS + JavaScript（无需任何框架和构建工具）开发单文件 Web 应用。
# 任务
为我开发一个【文件夹批量加密工具】，输出为单个完整的 .html 文件，用户保存后用浏览器直接打开即可使用。
# 功能需求
1. 支持选择本地文件夹（File System Access API），可勾选是否包含子文件夹
2. 支持加密/解密双模式切换
3. 使用 Web Crypto API 实现 AES-256-GCM 加密：
- PBKDF2 派生密钥（20万次迭代，随机盐）
- 每个文件独立的随机 IV
- 加密文件带自定义文件头标识（"ENC1" + salt + iv + 密文）
4. 两次密码确认输入，密码长度校验（不少于6位）
5. 可选"处理完成后删除原文件"
6. 实时进度条 + 逐文件处理日志（成功/失败分色显示）
7. 解密时密码错误要识别并提示，不允许输出错误数据
8. 文件加密后后缀改为 .enc，解密时恢复原名
# UI 设计要求
- 现代渐变背景 + 白色圆角卡片布局
- 模式切换 Tab、虚线拖放风格的文件夹选择区
- 主按钮带 hover 上浮效果，处理中禁用
- 底部要有醒目的黄色警告提示区（强调密码丢失无法恢复）
# 输出要求
1. 输出单个完整可运行的 HTML 文件（含全部代码）
2. 代码后附【技术原理说明】（加密方案、文件格式结构）
3. 附【使用注意事项】（浏览器兼容性、文件大小限制等）
4. 最后给出 2-3 个进阶方向建议（如打包 Electron、Office 原生加密等）
# 沟通方式
全程使用中文。
源文件已打包好，
关注公众号并回复【加密】
即可获取！
觉得有用的话，
点赞👍 + 再看👀 + 转发🔄
三连支持一下老狗！
我是老狗，我们下期见！🐕