Flutter 如何将调整尺寸后的ImageProvider保存为本地文件

ResizeImage 本身是 ImageProvider 的包装类，不会预存解码后的图片像素数据，你需要先通过 ImageStream 监听拿到解码后的 ui.Image 对象，再编码为图片格式写入本地文件，完整实现如下：

步骤1：从 ImageProvider 获取解码后的图片对象 #

import 'dart:io';
import 'dart:ui' as ui;
import 'package:flutter/painting.dart';
import 'package:flutter/foundation.dart';

Future<ui.Image> loadImageFromProvider(ImageProvider provider) async {
  final completer = Completer<ui.Image>();
  ImageStreamListener? listener;

  listener = ImageStreamListener(
    (ImageInfo info, _) {
      completer.complete(info.image);
      // 移除监听避免内存泄漏
      provider.resolve(ImageConfiguration.empty).removeListener(listener!);
    },
    onError: (error, stack) {
      completer.completeError(error ?? Exception('图片加载失败'), stack);
      provider.resolve(ImageConfiguration.empty).removeListener(listener!);
    },
  );

  provider.resolve(ImageConfiguration.empty).addListener(listener);
  return completer.future;
}

步骤2：将图片对象编码写入本地文件 #

Future<File> saveUiImageToFile(ui.Image image, String targetPath, {bool usePng = true}) async {
  // 原生仅支持直接编码为PNG格式
  final byteData = await image.toByteData(
    format: usePng ? ui.ImageByteFormat.png : ui.ImageByteFormat.rawRgba,
  );
  if (byteData == null) throw Exception('图片编码失败');

  final file = File(targetPath);
  await file.writeAsBytes(byteData.buffer.asUint8List());
  // 释放图片内存
  image.dispose();
  return file;
}

调用示例 #

// 你的原有代码
ImageProvider resizedImgProvider = ResizeImage.resizeIfNeeded(1024, null, FileImage(File(sourcePath)));

try {
  // 加载解码后的图片
  final ui.Image resizedImage = await loadImageFromProvider(resizedImgProvider);
  // 替换为你的缓存路径，示例使用应用临时缓存目录
  final String cacheDir = (await getTemporaryDirectory()).path;
  final String savePath = '$cacheDir/resized_${DateTime.now().millisecondsSinceEpoch}.png';
  // 保存文件
  final savedFile = await saveUiImageToFile(resizedImage, savePath);
  debugPrint('图片已缓存到：${savedFile.path}');
} catch (e) {
  debugPrint('图片保存失败：$e');
}

注意事项 #

• 如果需要保存为JPG格式，Flutter原生API不直接支持，可引入第三方库image，将ui.Image转换为库内的Image对象后再编码为JPG。
• 示例中用到的getTemporaryDirectory()来自path_provider库，使用前需要在pubspec.yaml中添加对应依赖。
• ResizeImage 第二个参数传null时，会按照原图片宽高比自动适配高度，和你原有逻辑一致。

内容的提问来源于stack exchange，提问作者user1209216