ドロップゾーンは、ドロップされたファイル、ファイル選択ダイアログで選ばれたファイル、貼り付けられたファイルを受け取ります。ドロップされたフォルダーは中まで読み取られ、各ファイルはそのパスを保持します。
すべてのファイルは、accept、maxSize、minSize、maxFiles、そして独自の validate 関数でチェックされ、受け付けられなかったファイルは理由とともに一覧表示されます。画像にはプレビューが付きます。
upload 関数がない場合、ドロップゾーンはフォームのためにファイルを [(files)] に保持します。関数がある場合は、ファイルを数件ずつアップロードし、進捗表示、キャンセル、再試行に対応します。アップロードの signal を fetch に渡すと、キャンセルでアップロードが止まります。
アップロード
模擬アップロードが段階的に進捗を報告します。名前に「fail」を含むファイルは、再試行を見せるために失敗します。directory は、フォルダーを選ぶボタンを追加します。
Uploaded: 0
フォームの添付ファイル
upload を指定しない例です。ドロップゾーンは最大3つのドキュメントを [(files)] に保持し、中に書いたテキストがデフォルトのテキストの代わりに表示されます。