Remove file_picker dependency

example/lib/pages/home_page.dart

@@ -2,6 +2,7 @@ import 'dart:async';
 import 'dart:convert';
 import 'dart:io';
 
+import 'package:file_picker/file_picker.dart';
 import 'package:filesystem_picker/filesystem_picker.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -141,6 +142,12 @@ class _HomePageState extends State<HomePage> {
     }
     var toolbar = QuillToolbar.basic(
         controller: _controller!, onImagePickCallback: _onImagePickCallback);
+    if (kIsWeb) {
+      toolbar = QuillToolbar.basic(
+          controller: _controller!,
+          onImagePickCallback: _onImagePickCallback,
+          webImagePickImpl: _webImagePickImpl);
+    }
     final isDesktop = !kIsWeb && !Platform.isAndroid && !Platform.isIOS;
     if (isDesktop) {
       toolbar = QuillToolbar.basic(
@@ -194,6 +201,20 @@ class _HomePageState extends State<HomePage> {
     return copiedFile.path.toString();
   }
 
+  Future<String?> _webImagePickImpl(
+      OnImagePickCallback onImagePickCallback) async {
+    final result = await FilePicker.platform.pickFiles();
+    if (result == null) {
+      return null;
+    }
+
+    // Take first, because we don't allow picking multiple files.
+    final fileName = result.files.first.name;
+    final file = File(fileName);
+
+    return onImagePickCallback(file);
+  }
+
   Widget _buildMenuBar(BuildContext context) {
     final size = MediaQuery.of(context).size;
     const itemStyle = TextStyle(

example/pubspec.yaml

@@ -30,6 +30,7 @@ dependencies:
   cupertino_icons: ^1.0.2
   path_provider: ^2.0.1
   filesystem_picker: ^2.0.0-nullsafety.0
+  file_picker: ^3.0.2+2
   flutter_quill:
     path: ../
 

lib/src/widgets/toolbar.dart

@@ -34,6 +34,8 @@ export 'toolbar/toggle_style_button.dart';
 typedef OnImagePickCallback = Future<String> Function(File file);
 typedef ImagePickImpl = Future<String?> Function(ImageSource source);
 typedef FilePickImpl = Future<String?> Function(BuildContext context);
+typedef WebImagePickImpl = Future<String?> Function(
+    OnImagePickCallback onImagePickCallback);
 
 // The default size of the icon of a button.
 const double kDefaultIconSize = 18;
@@ -72,6 +74,7 @@ class QuillToolbar extends StatelessWidget implements PreferredSizeWidget {
     bool showHorizontalRule = false,
     OnImagePickCallback? onImagePickCallback,
     FilePickImpl? filePickImpl,
+    WebImagePickImpl? webImagePickImpl,
     Key? key,
   }) {
     final isButtonGroupShown = [
@@ -164,6 +167,7 @@ class QuillToolbar extends StatelessWidget implements PreferredSizeWidget {
             imageSource: ImageSource.gallery,
             onImagePickCallback: onImagePickCallback,
             filePickImpl: filePickImpl,
+            webImagePickImpl: webImagePickImpl,
           ),
         if (onImagePickCallback != null)
           ImageButton(
@@ -173,6 +177,7 @@ class QuillToolbar extends StatelessWidget implements PreferredSizeWidget {
             imageSource: ImageSource.camera,
             onImagePickCallback: onImagePickCallback,
             filePickImpl: filePickImpl,
+            webImagePickImpl: webImagePickImpl,
           ),
         if (isButtonGroupShown[0] &&
             (isButtonGroupShown[1] ||

lib/src/widgets/toolbar/image_button.dart

@@ -1,6 +1,5 @@
 import 'dart:io';
 
-import 'package:file_picker/file_picker.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:image_picker/image_picker.dart';
@@ -20,6 +19,7 @@ class ImageButton extends StatelessWidget {
     this.onImagePickCallback,
     this.imagePickImpl,
     this.filePickImpl,
+    this.webImagePickImpl,
     Key? key,
   }) : super(key: key);
 
@@ -34,6 +34,8 @@ class ImageButton extends StatelessWidget {
 
   final ImagePickImpl? imagePickImpl;
 
+  final WebImagePickImpl? webImagePickImpl;
+
   final ImageSource imageSource;
 
   final FilePickImpl? filePickImpl;
@@ -62,7 +64,11 @@ class ImageButton extends StatelessWidget {
       imageUrl = await imagePickImpl!(imageSource);
     } else {
       if (kIsWeb) {
-        imageUrl = await _pickImageWeb(onImagePickCallback!);
+        assert(
+            webImagePickImpl != null,
+            'Please provide webImagePickImpl for Web '
+            '(check out example directory for how to do it)');
+        imageUrl = await webImagePickImpl!(onImagePickCallback!);
       } else if (Platform.isAndroid || Platform.isIOS) {
         imageUrl = await _pickImage(imageSource, onImagePickCallback!);
       } else {
@@ -77,19 +83,6 @@ class ImageButton extends StatelessWidget {
     }
   }
 
-  Future<String?> _pickImageWeb(OnImagePickCallback onImagePickCallback) async {
-    final result = await FilePicker.platform.pickFiles();
-    if (result == null) {
-      return null;
-    }
-
-    // Take first, because we don't allow picking multiple files.
-    final fileName = result.files.first.name;
-    final file = File(fileName);
-
-    return onImagePickCallback(file);
-  }
-
   Future<String?> _pickImage(
       ImageSource source, OnImagePickCallback onImagePickCallback) async {
     final pickedFile = await ImagePicker().getImage(source: source);

pubspec.yaml

@@ -13,7 +13,6 @@ dependencies:
   flutter:
     sdk: flutter
   collection: ^1.15.0
-  file_picker: ^3.0.2+2
   flutter_colorpicker: ^0.4.0
   flutter_keyboard_visibility: ^5.0.0
   image_picker: ^0.7.3