Fix copy Image to Clipboard not works on web

lib/components/image.dart

@@ -1,16 +1,27 @@
-import 'dart:typed_data';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:logging/logging.dart';
 import 'package:super_clipboard/super_clipboard.dart';
 import 'package:super_context_menu/super_context_menu.dart';
+import '../platform/to_png_none.dart'
+    if (dart.library.html) '../platform/to_png.dart';
 
 final _log = Logger("ImageWithContextMenu");
 
+enum ImageFmt {
+  jpg,
+  png,
+  gif,
+}
+
 class ImageWithContextMenu extends StatelessWidget {
-  const ImageWithContextMenu(this.data, {Key? key, this.uri}) : super(key: key);
+  const ImageWithContextMenu(this.data,
+      {Key? key, this.uri, this.fmt = ImageFmt.jpg})
+      : super(key: key);
   final Uint8List data;
   final String? uri;
+  final ImageFmt fmt;
   @override
   Widget build(BuildContext context) {
     return ContextMenuWidget(
@@ -18,12 +29,21 @@ class ImageWithContextMenu extends StatelessWidget {
           var list = [
             MenuAction(
                 title: AppLocalizations.of(context)!.copyImage,
-                callback: () {
-                  final item = DataWriterItem();
-                  item.add(Formats.jpeg(data));
-                  ClipboardWriter.instance.write([item]).catchError((err) {
+                callback: () async {
+                  try {
+                    final item = DataWriterItem();
+                    if (!kIsWeb) {
+                      item.add(fmt == ImageFmt.jpg
+                          ? Formats.jpeg(data)
+                          : Formats.png(data));
+                    } else {
+                      item.add(Formats.png(
+                          fmt == ImageFmt.jpg ? await jpgToPng(data) : data));
+                    }
+                    await ClipboardWriter.instance.write([item]);
+                  } catch (err) {
                     _log.warning("Failed to copy image to clipboard:", err);
-                  });
+                  }
                 })
           ];
           if (uri != null) {