Merge pull request #29 from RudreshNarwal/master

web support

Author: danvick

example/pubspec.lock

@@ -70,7 +70,7 @@ packages:
       name: file_picker
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "4.2.0"
+    version: "4.6.1"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -113,7 +113,7 @@ packages:
       path: ".."
       relative: true
     source: path
-    version: "2.0.0"
+    version: "2.1.0"
   intl:
     dependency: transitive
     description:
@@ -266,6 +266,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.1"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.5.2"
 sdks:
   dart: ">=2.15.0 <3.0.0"
   flutter: ">=2.8.0"

lib/src/form_builder_file_picker.dart

@@ -78,7 +78,7 @@ class FormBuilderFilePicker extends FormBuilderField<List<PlatformFile>> {
     VoidCallback? onReset,
     FocusNode? focusNode,
     this.maxFiles,
-    this.withData = false,
+    this.withData = kIsWeb,
     this.withReadStream = false,
     this.allowMultiple = false,
     this.previewImages = true,
@@ -111,12 +111,9 @@ class FormBuilderFilePicker extends FormBuilderField<List<PlatformFile>> {
                   Row(
                     mainAxisAlignment: MainAxisAlignment.spaceBetween,
                     children: <Widget>[
-                      if (maxFiles != null)
-                        Text('${state._files.length} / $maxFiles'),
+                      if (maxFiles != null) Text('${state._files.length} / $maxFiles'),
                       InkWell(
-                        onTap: state.enabled &&
-                                (null == state._remainingItemCount ||
-                                    state._remainingItemCount! > 0)
+                        onTap: state.enabled && (null == state._remainingItemCount || state._remainingItemCount! > 0)
                             ? () => state.pickFiles(field)
                             : null,
                         child: selector,
@@ -125,10 +122,8 @@ class FormBuilderFilePicker extends FormBuilderField<List<PlatformFile>> {
                   ),
                   const SizedBox(height: 3),
                   customFileViewerBuilder != null
-                      ? customFileViewerBuilder.call(state._files,
-                          (files) => state._setFiles(files ?? [], field))
-                      : state.defaultFileViewer(state._files,
-                          (files) => state._setFiles(files ?? [], field)),
+                      ? customFileViewerBuilder.call(state._files, (files) => state._setFiles(files ?? [], field))
+                      : state.defaultFileViewer(state._files, (files) => state._setFiles(files ?? [], field)),
                 ],
               ),
             );
@@ -139,8 +134,7 @@ class FormBuilderFilePicker extends FormBuilderField<List<PlatformFile>> {
   _FormBuilderFilePickerState createState() => _FormBuilderFilePickerState();
 }
 
-class _FormBuilderFilePickerState
-    extends FormBuilderFieldState<FormBuilderFilePicker, List<PlatformFile>> {
+class _FormBuilderFilePickerState extends FormBuilderFieldState<FormBuilderFilePicker, List<PlatformFile>> {
   /// Image File Extensions.
   ///
   /// Note that images may be previewed.
@@ -162,8 +156,7 @@ class _FormBuilderFilePickerState
 
   List<PlatformFile> _files = [];
 
-  int? get _remainingItemCount =>
-      widget.maxFiles == null ? null : widget.maxFiles! - _files.length;
+  int? get _remainingItemCount => widget.maxFiles == null ? null : widget.maxFiles! - _files.length;
 
   @override
   void initState() {
@@ -203,8 +196,7 @@ class _FormBuilderFilePickerState
     }
   }
 
-  void _setFiles(
-      List<PlatformFile> files, FormFieldState<List<PlatformFile>?> field) {
+  void _setFiles(List<PlatformFile> files, FormFieldState<List<PlatformFile>?> field) {
     setState(() => _files = files);
     field.didChange(_files);
   }
@@ -214,16 +206,14 @@ class _FormBuilderFilePickerState
     field.didChange(_files);
   }
 
-  Widget defaultFileViewer(
-      List<PlatformFile> files, FormFieldSetter<List<PlatformFile>> setter) {
+  Widget defaultFileViewer(List<PlatformFile> files, FormFieldSetter<List<PlatformFile>> setter) {
     final theme = Theme.of(context);
 
     return LayoutBuilder(
       builder: (context, constraints) {
         const count = 3;
         const spacing = 10;
-        final itemSize =
-            (constraints.biggest.width - (count * spacing)) / count;
+        final itemSize = (constraints.biggest.width - (count * spacing)) / count;
         return Wrap(
           // scrollDirection: Axis.horizontal,
           alignment: WrapAlignment.start,
@@ -242,11 +232,10 @@ class _FormBuilderFilePickerState
                   children: <Widget>[
                     Container(
                       alignment: Alignment.center,
-                      child: (imageFileExts.contains(
-                                  files[index].extension!.toLowerCase()) &&
-                              widget.previewImages)
-                          ? Image.file(File(files[index].path!),
-                              fit: BoxFit.cover)
+                      child: (imageFileExts.contains(files[index].extension!.toLowerCase()) && widget.previewImages)
+                          ? kIsWeb
+                              ? Image.memory(files[index].bytes!, fit: BoxFit.cover)
+                              : Image.file(File(files[index].path!), fit: BoxFit.cover)
                           : Container(
                               alignment: Alignment.center,
                               color: theme.primaryColor,

pubspec.lock

@@ -70,7 +70,7 @@ packages:
       name: file_picker
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "4.2.0"
+    version: "4.6.1"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -259,6 +259,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.1"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.5.2"
 sdks:
   dart: ">=2.15.0 <3.0.0"
   flutter: ">=2.8.0"