檔案拖放區會接收拖放到上面的檔案、透過檔案選擇器選取的檔案,以及貼上的檔案。拖放進來的資料夾會被逐層讀取,每個檔案都會保留自己的路徑。

每個檔案都會依據 accept、maxSize、minSize、maxFiles 和你的 validate 函式進行檢查,被拒絕的檔案會連同原因一起列出。圖片會顯示預覽。

沒有 upload 函式時,拖放區會把檔案保存在 [(files)] 中供表單使用。提供這個函式後,它會一次上傳幾個檔案,並支援顯示進度、取消和重試。請把上傳的 signal 傳給 fetch,這樣取消時上傳才會真正停止。

上傳

模擬的上傳會分階段回報進度。名稱含有「fail」的檔案會上傳失敗,用來示範重試;directory 會加上一個選取資料夾的按鈕。

Uploaded: 0

表單附件

沒有 upload:拖放區在 [(files)] 中最多保存三份文件,放在其中的自訂文字會取代預設文字。

0 of 3 attached, 0 kB