From 2b5582ddcc80455fbbc3e7246cd6842d5f5f44e5 Mon Sep 17 00:00:00 2001 From: wkc <978997012@qq.com> Date: Thu, 5 Mar 2026 14:41:50 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E6=B7=BB=E5=8A=A0=E6=96=87=E4=BB=B6?= =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E5=8F=98=E6=9B=B4=E8=AF=B4=E6=98=8E=E6=96=87?= =?UTF-8?q?=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...sync-file-upload-frontend-design-update.md | 98 +++++++++++++++++++ 1 file changed, 98 insertions(+) create mode 100644 doc/design/2026-03-05-async-file-upload-frontend-design-update.md diff --git a/doc/design/2026-03-05-async-file-upload-frontend-design-update.md b/doc/design/2026-03-05-async-file-upload-frontend-design-update.md new file mode 100644 index 0000000..bd81252 --- /dev/null +++ b/doc/design/2026-03-05-async-file-upload-frontend-design-update.md @@ -0,0 +1,98 @@ +# 异步文件上传功能 - 前端设计更新 + +## 文档信息 +- **更新日期**: 2026-03-05 +- **版本**: v1.1 +- **变更说明**: 修改文件格式限制 + +## 变更内容 + +### 文件格式限制变更 + +**原限制**: +- 仅支持 Excel 文件(.xlsx, .xls) + +**新限制**: +- 支持 PDF 文件(.pdf) +- 支持 CSV 文件(.csv) +- 支持 Excel 文件(.xlsx, .xls) + +### 修改点 + +#### 1. 前端校验逻辑 +```javascript +// 修改前 +const validTypes = ['.xlsx', '.xls']; + +// 修改后 +const validTypes = ['.pdf', '.csv', '.xlsx', '.xls']; +``` + +#### 2. 错误提示 +``` +修改前: "仅支持 .xlsx, .xls 格式文件" +修改后: "仅支持 PDF、CSV、Excel 格式文件" +``` + +#### 3. 上传卡片描述 +``` +修改前: "支持 Excel、PDF 格式文件上传" +修改后: "支持 PDF、CSV、Excel 格式文件上传" +``` + +#### 4. 批量上传弹窗提示 +``` +修改前: "支持 .xlsx, .xls 格式文件,最多上传100个文件" +修改后: "支持 PDF、CSV、Excel 格式文件,最多100个文件,单个文件不超过50MB" +``` + +#### 5. accept属性 +```html + + +``` + +## 后端接口变更要求 + +后端Controller接口需要同步修改文件格式校验逻辑: + +```java +// CcdiFileUploadController.java +// 修改文件格式校验部分 + +// 修改前 +if (!fileName.endsWith(".xlsx") && !fileName.endsWith(".xls")) { + return AjaxResult.error("文件 " + fileName + " 格式不支持,仅支持Excel文件"); +} + +// 修改后 +String lowerFileName = fileName.toLowerCase(); +if (!lowerFileName.endsWith(".pdf") && !lowerFileName.endsWith(".csv") + && !lowerFileName.endsWith(".xlsx") && !lowerFileName.endsWith(".xls")) { + return AjaxResult.error("文件 " + fileName + " 格式不支持,仅支持PDF、CSV、Excel文件"); +} +``` + +## 测试变更 + +### 测试文件格式 + +需要测试以下格式: +- ✅ PDF 文件 +- ✅ CSV 文件 +- ✅ XLSX 文件 +- ✅ XLS 文件 +- ❌ 其他格式(应被拒绝) + +### 测试用例 + +1. 上传PDF文件 → 应成功 +2. 上传CSV文件 → 应成功 +3. 上传XLSX文件 → 应成功 +4. 上传XLS文件 → 应成功 +5. 上传TXT文件 → 应提示"格式不支持" +6. 上传DOC文件 → 应提示"格式不支持" + +--- + +**文档结束**