Flutter Image Picker设置5MB图片大小限制问题

imageQuality参数仅控制压缩比例，无法直接对应固定文件大小，因此需要手动校验图片尺寸并动态调整压缩质量来实现5MB限制。以下是两种可行的实现方案：

方案一：仅使用image_picker调整压缩质量 #

通过循环降低imageQuality参数，重新获取压缩后的图片直到大小符合要求：

import 'dart:io';
import 'package:image_picker/image_picker.dart';
import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart';

// 定义5MB对应的字节数
const int maxImageSize = 5 * 1024 * 1024;

getImageFromGallery() async {
  try {
    final ImagePicker picker = ImagePicker();
    // 先以较高质量获取图片，避免初始压缩过度
    List<XFile> pickedFiles = await picker.pickMultiImage(imageQuality: 80);

    if (pickedFiles.isNotEmpty) {
      for (XFile file in pickedFiles) {
        File imageFile = File(file.path);
        int fileSize = await imageFile.length();

        // 图片超过5MB时，逐步降低质量重新压缩
        if (fileSize > maxImageSize) {
          int currentQuality = 70;
          while (fileSize > maxImageSize && currentQuality > 0) {
            // 重新获取压缩后的图片
            XFile? compressedFile = await picker.pickImage(
              source: ImageSource.gallery,
              imageQuality: currentQuality,
              // 可选：限制图片最大宽度，辅助控制大小
              maxWidth: MediaQuery.of(context).size.width,
            );
            if (compressedFile != null) {
              imageFile = File(compressedFile.path);
              fileSize = await imageFile.length();
            }
            // 每次降低10个质量单位，可根据需求调整步长
            currentQuality -= 10;
          }
        }

        previewList.add(imageFile.path);
      }
      setState(() {});
    }
  } catch (e) {
    if (kDebugMode) {
      print(e.toString());
    }
  }
}

方案二：结合图片压缩库（无需重新选择图片） #

如果不想让用户重复选择图片，可以使用image库直接压缩已选中的图片，需先在pubspec.yaml中添加依赖：

dependencies:
  image: ^4.0.17

实现代码：

import 'dart:io';
import 'dart:typed_data';
import 'package:image_picker/image_picker.dart';
import 'package:image/image.dart' as img;
import 'package:path_provider/path_provider.dart';
import 'package:flutter/foundation.dart';

const int maxImageSize = 5 * 1024 * 1024;

getImageFromGallery() async {
  try {
    final ImagePicker picker = ImagePicker();
    List<XFile> pickedFiles = await picker.pickMultiImage(imageQuality: 80);

    if (pickedFiles.isNotEmpty) {
      for (XFile file in pickedFiles) {
        File imageFile = File(file.path);
        int fileSize = await imageFile.length();

        if (fileSize > maxImageSize) {
          // 读取图片字节并压缩
          Uint8List bytes = await imageFile.readAsBytes();
          img.Image? originalImage = img.decodeImage(bytes);
          if (originalImage != null) {
            // 计算目标压缩质量
            double compressionRatio = maxImageSize / fileSize;
            int targetQuality = (compressionRatio * 100).clamp(0, 100).toInt();
            
            // 压缩图片为JPG格式
            Uint8List compressedBytes = img.encodeJpg(originalImage, quality: targetQuality);
            
            // 将压缩后的字节保存到临时文件
            Directory tempDir = await getTemporaryDirectory();
            File compressedFile = File('${tempDir.path}/${DateTime.now().millisecondsSinceEpoch}.jpg');
            await compressedFile.writeAsBytes(compressedBytes);
            
            imageFile = compressedFile;
          }
        }

        previewList.add(imageFile.path);
      }
      setState(() {});
    }
  } catch (e) {
    if (kDebugMode) {
      print(e.toString());
    }
  }
}

注意事项 #

• 方案一需要用户重新选择图片（体验略差），但无需额外依赖
• 方案二直接压缩已选图片，体验更好，但需要添加第三方库
• 可以根据实际需求调整质量调整步长、图片尺寸限制等参数

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