# 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>
获取已上传的文件

**响应**：
- 返回请求的文件