ファイルを選択します

このフラッタWeb例では、実装する方法を学びますfile choose in flutter web application . これでファイルを選択するか、ドラッグ＆ドロップのファイルをドラッグ領域にファイルを選択することができます.ドラッグアンドドロップ機能を実装するには、FlutterRange DropZoneプラグインを使用します.この機能を使用して、ファイル、画像、ビデオファイルなどをアップロードすることができます.
DropZoneプラグインを使用すると、簡単にドラッグアンドドロップ領域を実装することができます

DropZoneウィジェットのプロパティ

DropzoneView(
  onCreated: (controller) => this.controller = controller,
  onDrop: UploadedFile,
  onHover:() => setState(()=> highlight = true),
  onLeave: ()=> setState(()=>highlight = false),
)

作成:ユーザーが実行するイベントからデータ/情報を取得し、取得するようにDropEnontrollerをアタッチします
ondrop : wheユーザがファイルをドロップすると、この関数はファイル名、サイズ、MIME、ファイルのURLパスのすべてのデータを保持します
OnHOOver :ユーザーがフラッタウェブアプリケーションでゾーンを落とす際にファイルをホバーするとき、この機能は動きます
onleave :ユーザがdropzoneでホバーしてファイルを削除し、それを残したときにロードする
Flutter web File chooser ドラッグアンドドロップの例