上傳不是「丟個檔案框」就好,要拆成三個清楚的階段:上傳前、上傳中、結果確認。這章講每一態該放什麼、進度與取消怎麼處理、成功與失敗怎麼分開呈現。當你要設計批次上傳、或不確定「上傳到一半使用者離開怎麼辦」時,就翻這頁對一下。
這是什麼
拖曳上傳區、支援格式與大小限制說明、選擇檔案按鈕。
什麼時候用
使用者要上傳一個或多個檔案,且尚未開始傳送時。
這是什麼
每個檔案各自顯示進度條與百分比,並可取消上傳。
什麼時候用
檔案正在傳送中;讓使用者知道進度,必要時可中止。
這是什麼
上傳結果分開列出成功與失敗項目;失敗可重試,底部有完成或繼續上傳按鈕。
什麼時候用
批次上傳結束後;不要只顯示總成功數,失敗檔案要寫清楚原因。