上傳流程
上傳拆三態—上傳前(說明限制)、上傳中(每檔進度)、結果確認(成功/失敗 + 完成 CTA)。
互動示範(與本規範網站人類閱讀版相同):
/docs/upload-flow-page
示範對應規則
以下章節與人類版頁面互動示範所涵蓋的規則一致(文字版,供 Agent 複製)。
上傳前
- Drag-drop 區 +「選擇檔案」按鈕並存(見
17-file-upload-date-picker.md)。 - 明示:格式、單檔大小、最多檔案數。
上傳中
- 每檔:檔名 + progress bar + %;可取消單檔。
- 總覽:「2 / 5 檔案上傳中」;>10s 用 determinate bar。
- 允許離開頁面 + 完成後 toast(背景任務)。
結果確認
- 成功數 + 簡述(已加入哪個資源)。
- 失敗列:原因 + Retry;與成功分開視覺。
- Primary「完成」、Secondary「繼續上傳」。
延伸與補充
延伸規則
- 大檔:chunk upload + 可暫停。
- 病毒掃描中:第三態「處理中」+ 禁止下載。