请描述在云图库项目的前端部分，你是怎样设计并实现 AI 扩图这一功能的？

回答思路

1. 【回答框架 1】整体流程可采用前端触发、后端代理的方式：前端通过 HTTP 请求将原图信息提交给后端服务，由后端调用 AI 扩图接口并返回异步任务标识，前端轮询或使用 WebSocket 获取结果，避免密钥暴露。
2. 【回答框架 2】交互设计上提供扩图比例、参考区域等参数设置，前端生成预览占位并展示处理中状态，完成后回显扩图效果，支持对比原图与结果，处理失败时给出可重试的反馈。
3. 【回答框架 3】状态管理需要维护待处理、处理中、成功、失败等任务状态，并使用任务 ID 关联请求与响应，防止并发操作时结果错乱，同时需要考虑用户取消操作时的清理逻辑。
4. 【回答框架 4】性能优化方面可对原图进行压缩或分片上传，减少传输耗时，前端使用懒加载和虚拟列表展示图库，避免同时加载大量图片导致页面卡顿。
5. 【回答框架 5】安全性上所有 AI 相关凭据应存放在服务端，前端只传递必要的业务参数，对返回的大图进行格式与大小校验，并进行权限控制防止越权访问。
6. 【关键点 1】前端主要负责交互与状态展示，AI 能力通过后端代理调用以保护密钥。
7. 【关键点 2】使用任务轮询或 WebSocket 获取异步扩图结果，注意处理并发与取消场景。
8. 【关键点 3】提供参数配置与进度反馈，失败时支持重试，提升用户体验。
9. 【关键点 4】对上传图片进行压缩，优化传输与加载性能。
10. 【易错点 1】不要在前端直接存放 AI 服务密钥，存在泄露风险。
11. 【易错点 2】轮询频率过高会浪费资源，需合理设置间隔并处理超时。
12. 【易错点 3】忽略并发任务容易导致结果错乱，必须使用唯一任务标识关联。