# cli **Repository Path**: zhengxscode/cli ## Basic Information - **Project Name**: cli - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-01-22 - **Last Updated**: 2026-01-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 文件和文件夹上传系统 这是一个支持文件和文件夹上传的完整解决方案,包含前端HTML页面和后端Node.js服务器。 ## 功能特性 - ✅ 支持单文件上传 - ✅ 支持多文件上传 - ✅ 支持整个文件夹上传 - ✅ 保持文件夹结构 - ✅ 拖拽上传功能 - ✅ 上传进度显示 - ✅ 上传结果反馈 - ✅ 响应式设计 ## 项目结构 ``` ├── index.html # 前端上传页面 ├── server.js # 后端服务器 ├── package.json # 项目配置和依赖 ├── README.md # 项目说明 └── uploads/ # 文件保存目录 ``` ## 快速开始 ### 1. 安装依赖 ```bash # 安装项目依赖 npm install ``` ### 2. 启动服务器 ```bash # 启动服务器 npm start # 或使用开发模式(自动重启) npm run dev ``` ### 3. 访问上传页面 打开浏览器访问:http://localhost:3000 ## 使用方法 1. **选择文件/文件夹**: - 点击上传区域选择文件 - 或直接拖拽文件/文件夹到上传区域 2. **配置选项**: - 勾选"包含子目录"以保持文件夹结构 - 在"存储路径"输入框中指定文件保存的相对路径(相对于 uploads/ 目录) 3. **开始上传**: - 点击"开始上传"按钮 - 查看上传进度 - 查看上传结果 4. **执行 Codex 命令**: - 选择文件/文件夹后,点击"执行 Codex 命令"按钮 - 系统会在指定的存储路径下执行 codex 命令 - 查看命令执行结果 5. **与 Codex 交互**: - 在页面下方的聊天框中输入消息 - 点击"发送"按钮或按回车键 - 查看 Codex 的回复 - 继续与 Codex 进行多轮对话 6. **清空文件**: - 点击"清空文件"按钮重新选择 ## 文件保存位置 上传的文件将保存到 `uploads/` 目录中,保持原始的文件夹结构。 ## 技术栈 - **前端**:HTML5, CSS3, JavaScript - **后端**:Node.js, Express - **文件处理**:Multer ## 配置说明 ### 服务器配置 在 `server.js` 文件中可以修改以下配置: - `PORT`:服务器端口(默认3000) - `UPLOAD_DIR`:文件保存目录(默认uploads/) - 文件大小限制:默认1GB - 最大文件数量:默认100个 ### 前端配置 在 `index.html` 文件中可以根据需要修改样式和文本内容。 ## 浏览器兼容性 - Chrome 29+ - Firefox 42+ - Edge 13+ ## 注意事项 1. 文件夹上传功能在不同浏览器中可能有不同的支持程度 2. 建议使用Chrome浏览器获得最佳体验 3. 大文件上传可能需要较长时间,请耐心等待 4. 确保服务器有足够的磁盘空间存储上传的文件 ## 故障排除 ### 常见问题 1. **文件夹上传不工作**: - 检查浏览器是否支持文件夹上传 - 确保使用了正确的浏览器版本 2. **上传失败**: - 检查文件大小是否超过限制 - 检查网络连接 - 检查服务器磁盘空间 3. **服务器启动失败**: - 检查端口是否被占用 - 检查依赖是否正确安装 ### 错误信息 - **"请先选择文件或文件夹"**:没有选择要上传的文件 - **"上传失败,请重试"**:服务器处理失败 - **"网络错误,请检查连接"**:网络连接问题 ## 许可证 MIT License