DropZone

ファイルを選択するためのコンポーネントです。ドラッグアンドドロップによるファイル選択をするためにドロップ領域を広く持っています。

処理中
ドラッグして幅を変更
ドラッグして高さを変更
処理中

Props

name
string
decorators
DecoratorsType<"selectButtonLabel">

コンポーネント内の文言を変更するための関数を設定

accept
string

許可するファイル型を表す1つ以上の固有ファイル型指定子 (ドラッグ&ドロップの挙動には影響しません)

multiple
falsetrue

複数ファイルを選択できるかどうか

onSelectFiles必須
(e: ChangeEvent<HTMLInputElement> | DragEvent<HTMLElement>, files: FileList) => void

ボタンまたはドラッグ&ドロップでファイルが追加された時に発火するコールバック関数