|
@@ -1,78 +0,0 @@
|
|
|
-# Word文档上传系统
|
|
|
-
|
|
|
-这是一个简单的Word文档上传系统,包含前端HTML页面和Flask后端API。
|
|
|
-
|
|
|
-## 功能特点
|
|
|
-
|
|
|
-- 前端使用纯HTML和JavaScript (Axios)实现
|
|
|
-- 后端使用Flask提供API
|
|
|
-- 仅支持上传Word文档(.doc和.docx格式)
|
|
|
-- 支持跨域请求
|
|
|
-- 文件大小限制为16MB
|
|
|
-- 防止页面刷新问题
|
|
|
-
|
|
|
-## 安装步骤
|
|
|
-
|
|
|
-1. 安装Python依赖:
|
|
|
-```
|
|
|
-pip install -r requirements.txt
|
|
|
-```
|
|
|
-
|
|
|
-2. 运行Flask服务器:
|
|
|
-```
|
|
|
-python app.py
|
|
|
-```
|
|
|
-
|
|
|
-3. 在浏览器中打开`upload.html`文件
|
|
|
- - **重要**: 请直接在浏览器中打开HTML文件(使用file://协议),而不是通过Flask服务器访问
|
|
|
- - 例如: `file:///D:/mycode/pytest/upload.html`
|
|
|
-
|
|
|
-## 使用说明
|
|
|
-
|
|
|
-1. 点击"选择文件"按钮,选择一个Word文档(.doc或.docx)
|
|
|
-2. 点击"上传文档"按钮
|
|
|
-3. 上传成功后,将显示成功消息
|
|
|
-
|
|
|
-## 常见问题解决
|
|
|
-
|
|
|
-### 页面自动刷新问题
|
|
|
-如果上传后页面仍然自动刷新,可能是由以下原因导致:
|
|
|
-
|
|
|
-1. 通过Flask服务器访问HTML文件(应该直接在浏览器中打开HTML文件)
|
|
|
-2. 浏览器插件干扰
|
|
|
-3. 网络请求错误
|
|
|
-
|
|
|
-当前版本已经添加了防止页面刷新的代码:
|
|
|
-- 使用`<form onsubmit="return false;">`阻止表单默认提交
|
|
|
-- 添加`e.preventDefault()`防止点击事件导致页面刷新
|
|
|
-- 添加调试信息帮助排查问题
|
|
|
-
|
|
|
-## 目录结构
|
|
|
-
|
|
|
-- `app.py` - Flask后端API
|
|
|
-- `upload.html` - 前端HTML页面
|
|
|
-- `requirements.txt` - 项目依赖
|
|
|
-- `uploads/` - 上传文件保存目录(自动创建)
|
|
|
-
|
|
|
-## API说明
|
|
|
-
|
|
|
-### POST /upload
|
|
|
-上传Word文档
|
|
|
-
|
|
|
-**请求参数**:
|
|
|
-- `file`: 文件对象,必须是.doc或.docx格式
|
|
|
-
|
|
|
-**响应**:
|
|
|
-```json
|
|
|
-{
|
|
|
- "message": "Word文档上传成功",
|
|
|
- "filename": "文件名.docx",
|
|
|
- "size": 12345
|
|
|
-}
|
|
|
-```
|
|
|
-
|
|
|
-### GET /uploads/<filename>
|
|
|
-获取已上传的文件
|
|
|
-
|
|
|
-**响应**:
|
|
|
-- 返回请求的文件
|