你是在问“PotatoChat 网页版如何发送文件”吗？还是在指某个编号为 722 的 issue/任务需要实现“网页版发送文件”的功能？我可以提供两种层面的帮助：给普通用户的操作说明，或给开发者的实现方案（前端 + 后端 代码示例、注意事项）。请先确认你想要哪种？
下面先给出简洁的双重指南，你确认后我可以针对某一项展开详细实现。
一、作为用户：网页版发送文件的常见操作
- 找到聊天窗口的“附件/文件/回形针”图标，点击弹出文件选择对话框，选择文件后点击“发送”或“上传”。
- 支持拖拽：把文件拖到聊天输入区通常也会触发上传。
- 注意文件大小与类型限制（例如最多 20 MB，或只允许图片/文档/压缩包等），超限会被拒绝或提示。
- 上传完成前会显示进度条，完成后对方会收到可点击的下载/预览链接。
- 如果页面通过 WebSocket 实时通信，文件可能先上传到服务器再通过消息通知对方下载链接；少见场景是直接通过 P2P 传输（需要额外权限）。
二、作为开发者：实现网页版文件发送的常用方案与示例
关键点：
- 前端：使用 或 Drag&Drop，把文件放入 FormData，通过 fetch/XHR 上传（multipart/form-data）。可以使用 chunk 分片上传以支持大文件/断点续传。
- 后端：接收 multipart/form-data，保存到本地或云存储（如 S3/对象存储），对上传文件做类型检查、大小限制、权限校验和病毒扫描，返回文件的访问 URL 或 ID。
- 实时通知：上传完成后通过 WebSocket/SignalR/Socket.io 把文件消息（包含 URL、文件名、大小、mime）推送给聊天双方。
- 安全：检查 MIME/type、扩展名，设置大小限制，验证用户权限，做病毒扫描，生成带签名/短时有效的下载链接（尤其用云存储时）。
简短代码示例（思路级，便于快速上手）：
前端（JavaScript，上传文件）：
- 获取文件并上传（示例逻辑）：
- 创建 input 元素或使用已有 input，监听 change，获取 files[0]。
- 用 FormData: form.append(‘file’, file)。
- 用 fetch 或 XMLHttpRequest 发送到 /api/upload，监听进度（XHR.onprogress）。
后端（Node.js + Express + multer 简单接收）：
- 使用 multer 处理 multipart 表单，保存到服务器或转存到云端。
- 返回 { url, name, size, mime } 给前端。
- 上传成功后，通过聊天消息接口或 WebSocket 向目标用户发送包含该文件信息的消息。
进阶选项：
- 大文件/断点续传：采用 tus 或 resumable.js，或自行实现分片上传（每片单独上传并在后台合并）。
- 预览与缩略图：图片/视频可以生成缩略图供聊天窗口快速展示。
- 下载权限：为文件生成带签名的短时 URL，避免公开访问。
如果你需要，我可以：
- 给出完整的前端上传示例代码（fetch/XHR + 进度条 + UI 交互）。
- 给出完整的后端示例（Express + multer 或 S3 上传示例 + 返回 JSON）。
- 说明如何用 WebSocket 将文件消息广播给对方并在客户端展示。
- 设计分片上传/断点续传的具体流程和示例代码。
你希望我先给哪一部分的详细实现？用户操作说明还是开发者代码？还是把“722”这个编号的具体需求贴上来？