Upload 上傳檔案

2022-05-10, Helen

# 標題 內容
1 Status 數據輸入
2 Zeplin https://zpl.io/bePdjkD
3 Ant Design https://ant.design/components/upload-cn/
4 Web #
5 App #

定義

文件選擇上傳或拖曳上傳的元件。

何時使用

需要上傳文件時,使用此元件。若是要上傳圖片,請參考元件「圖片」。

位置

位於卡片內。

規則

1. 檔案條件說明:

不論單選或多選,需提供以下條件(頁面上需顯示)。

  • 上限數量(多個可批次選取)
  • 檔案大小
  • 檔案格式
  • 「下載範例格式」連結
2. 規則:
  • 需要在按鈕底下加上檔案資訊提示(上方檔案條件)。
  • 已上傳傳檔案為灰色,並可看到移除 icon 垃圾桶。
  • 檔名若過長超出一列,顯示「...」。
  • 「檔案格式錯誤,顯示格式錯誤資訊,不可上傳錯誤的附加檔案。
  • 電腦選取檔案時,先顯示符合副檔案格式的檔案。
  • 上限為 10 筆資料 ,若使用者已傳 10 個,則需要自行刪除後再上傳。

類型