Fix image support for web

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file.
 
+## 9.0.3
+* Flutter Quill Extensions:
+  * Fix file image support for web image emebed builder
+
 ## 9.0.2
 * Remove unused properties in the `QuillToolbarSelectHeaderStyleDropdownButton`
 * Fix the `QuillSimpleToolbar` when `useMaterial3` is false, please upgrade to the latest version of flutter for better support

example/lib/presentation/quill/samples/quill_images_sample.dart

@@ -12,8 +12,10 @@ final quillImagesSample = [
   {'insert': '\n'},
   {
     'insert': {
-      'image':
-          'https://helpx.adobe.com/content/dam/help/en/photoshop/using/convert-color-image-black-white/jcr_content/main-pars/before_and_after/image-before/Landscape-Color.jpg'
+      'image': true
+          ? 'https://upload.wikimedia.org/wikipedia/commons/b/b6/Image_created_with_a_mobile_phone.png'
+          // ignore: dead_code
+          : 'https://helpx.adobe.com/content/dam/help/en/photoshop/using/convert-color-image-black-white/jcr_content/main-pars/before_and_after/image-before/Landscape-Color.jpg'
     },
     'attributes': {
       'width': '250',

flutter_quill_extensions/lib/embeds/widgets/image.dart

@@ -1,6 +1,7 @@
-import 'dart:convert';
+import 'dart:convert' show base64;
 import 'dart:io' show File;
 
+import 'package:flutter/foundation.dart' show kIsWeb;
 import 'package:flutter/material.dart';
 import 'package:flutter_quill/flutter_quill.dart';
 import 'package:photo_view/photo_view.dart';
@@ -53,6 +54,11 @@ ImageProvider getImageProviderByImageSource(
   if (imageSource.startsWith(assetsPrefix)) {
     return AssetImage(imageSource);
   }
+
+  // File image
+  if (kIsWeb) {
+    return NetworkImage(imageSource);
+  }
   return FileImage(File(imageSource));
 }
 

flutter_quill_extensions/lib/flutter_quill_extensions.dart

@@ -112,11 +112,12 @@ class FlutterQuillEmbeds {
   /// [QuillEditorWebVideoEmbedBuilder] is the embed builder for handling
   ///  videos iframe on the web.
   ///
-  static List<EmbedBuilder> editorWebBuilders(
-      {QuillEditorImageEmbedConfigurations? imageEmbedConfigurations =
-          const QuillEditorImageEmbedConfigurations(),
-      QuillEditorWebVideoEmbedConfigurations? videoEmbedConfigurations =
-          const QuillEditorWebVideoEmbedConfigurations()}) {
+  static List<EmbedBuilder> editorWebBuilders({
+    QuillEditorImageEmbedConfigurations? imageEmbedConfigurations =
+        const QuillEditorImageEmbedConfigurations(),
+    QuillEditorWebVideoEmbedConfigurations? videoEmbedConfigurations =
+        const QuillEditorWebVideoEmbedConfigurations(),
+  }) {
     if (!kIsWeb) {
       throw UnsupportedError(
         'The editorsWebBuilders() is only for web, please use editorBuilders() '