Flutter图片尺寸过滤问题：仅允许上传300x300像素图片

你的代码逻辑框架没问题，但忽略了图片的Exif旋转信息、以及通用解码方法的兼容性问题，导致部分不符合尺寸的图片能绕过验证。以下是针对性的修复方案：

1. 确保依赖正确 #

在pubspec.yaml中添加/更新image库（用于图片解码和Exif处理）：

dependencies:
  flutter:
    sdk: flutter
  file_picker: ^5.5.0
  image: ^4.1.3
  google_fonts: ^6.1.0

执行flutter pub get同步依赖。

2. 修改图片验证逻辑 #

替换原_pickFile方法，重点优化解码兼容性、Exif旋转处理和异常捕获：

void _pickFile() async {
  final result = await FilePicker.platform.pickFiles(
    type: FileType.custom,
    allowedExtensions: ['jpg', 'jpeg', 'png'],
  );
  if (result != null && result.files.isNotEmpty) {
    final file = result.files.first;
    if (file.size <= 5 * 1024 * 1024) {
      try {
        final imageBytes = File(file.path!).readAsBytesSync();
        img.Image? image;
        
        // 针对不同格式单独解码，提升兼容性
        final ext = file.extension?.toLowerCase();
        if (ext == 'jpg' || ext == 'jpeg') {
          image = img.decodeJpg(imageBytes);
        } else if (ext == 'png') {
          image = img.decodePng(imageBytes);
        }

        if (image != null) {
          // 读取Exif旋转信息，修正实际显示的宽高
          final exif = img.readExifFromBytes(imageBytes);
          final orientation = exif['Orientation'];
          int actualWidth = image.width;
          int actualHeight = image.height;

          // 处理旋转90/270度的情况，宽高互换
          if (orientation != null) {
            if (orientation == 6 || orientation == 8) {
              final temp = actualWidth;
              actualWidth = actualHeight;
              actualHeight = temp;
            }
          }

          if (actualWidth == 300 && actualHeight == 300) {
            setState(() {
              _fileName = file.name;
              _selectedFile = File(file.path!);
            });
            widget.onFileSelected(file.path!);
          } else {
            ScaffoldMessenger.of(context).showSnackBar(
              SnackBar(content: Text('图片尺寸必须为300x300像素，当前为${actualWidth}x${actualHeight}')),
            );
          }
        } else {
          ScaffoldMessenger.of(context).showSnackBar(
            const SnackBar(content: Text('无法识别图片格式，请选择有效的JPG/PNG图片')),
          );
        }
      } catch (e) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('图片处理失败：${e.toString()}')),
        );
      }
    } else {
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('文件大小超过5MB限制')),
      );
    }
  }
}

关键修复点说明 #

• 分格式解码：用decodeJpg/decodePng替代通用decodeImage，避免部分特殊格式图片解码失败
• Exif旋转处理：手机拍摄的图片常携带旋转标记，会导致原始解码宽高和实际显示宽高不一致，这里根据Exif信息修正了实际尺寸
• 异常捕获：处理文件读取、解码过程中的意外错误，避免崩溃
• 精准提示：错误提示中显示实际尺寸，方便用户排查问题

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