四個狀態畫面,靜態展示不可點擊。翠翠 review 後定稿 → 寫規格書給電寶。
開啟網址(例 upload.qtracychen.net 或 qtracychen.net/asset-upload/)→ 沒帶密碼直接看到這個。
此頁供快電商內部使用
請輸入上傳密碼進入
密碼對 → 進入。頂端顯示目前選中的目標資料夾(可換),中間是拖拉區。
拖檔進來後:dropzone 縮到上方保持可繼續加檔,下方顯示佇列,每個檔案有獨立進度條。
全部檔案完成後:綠色 toast 顯示總結,失敗的檔案顯示紅色 + 重試按鈕。
按最上方「變更」→ 彈出 Dropbox 目前資料夾樹(就是素材庫那 12 個分類),選其中一個作為目標。可以選子資料夾。
1. 風格一致但可辨識:跟素材庫用同一套色系(深藍底 + 黃色 accent),但頂端有「內部」黃色標籤明確區隔。
2. 頁面單頁展開:拖拉區 + 目標資料夾 + 檔案佇列全部在同一頁,不要分頁。
3. 目標資料夾可換:預設可能是上次用的,隨時可以按「變更」切到別的。
4. 上傳中可繼續加檔:dropzone 在上傳過程中會縮小但仍然可用,方便一邊上傳一邊拖新的。
5. 每檔獨立進度條:不是總進度條。方便看到哪個檔案卡住、哪個快好了。
6. 失敗只影響那一檔:一個檔失敗其他繼續,失敗的顯示紅色 + 重試按鈕。
7. 檔案原名照傳:不做自動改名(保留使用者對檔名的控制)。
8. 完成沒特別通知:只有頁面內綠色 toast,不發 Slack、不發 email(如未來要加另議)。
9. 傳完直接進 Dropbox:不進暫存區,外部素材庫立刻能看到(下次 refresh 就出現)。
Q1. UI 風格 OK 嗎?(跟素材庫同色系 + 黃色「內部」tag)
Q2. 目標資料夾預設值?(每次進來預設在哪個資料夾:根目錄?上次用的?某個固定的?)
Q3. 上傳中的檔案要不要允許取消?(mockup 有取消按鈕)
Q4. 檔名衝突處理?(Dropbox 有同名檔時:覆蓋?自動加 (2)?彈警告讓使用者選?)
Q5. 手機版要不要相機直傳?(例如手機開頁 → 除了選相簿還能直接開相機拍完就傳)