Flutter中如何从图片中提取对应的RGB像素数值？

你当前直接读取JPG文件得到的Uint8List是JPG格式压缩编码后的二进制文件内容，并非解码后的原始RGB像素数据，这就是数组长度不符、数值和预期不一致的根本原因。

需要先对JPG压缩数据进行解码，再提取像素的RGB值，具体流程如下：

• 第一步：引入Dart常用的图片处理库image，在pubspec.yaml的依赖项中添加该库即可
• 第二步：读取JPG资产的原始二进制数据（你现有写法是正确的）
• 第三步：调用解码方法将JPG二进制转换为解码后的图片对象
• 第四步：遍历图片的每个像素，提取对应R、G、B三个通道的数值，组装成你需要的数组格式

import 'package:image/image.dart' as img;
import 'package:flutter/services.dart';

Future<List<List<List<int>>>> getJpgRgbArray(String assetPath) async {
  // 读取JPG原始二进制数据
  Uint8List jpgRawData = (await rootBundle.load(assetPath)).buffer.asUint8List();
  // 解码JPG得到原始图片对象
  img.Image? decodedImage = img.decodeJpg(jpgRawData);
  if (decodedImage == null) {
    throw Exception("图片解码失败，请检查文件格式");
  }
  // 组装三维RGB数组 格式为 [高度][宽度][R,G,B] 和你Python端的输出格式一致
  List<List<List<int>>> rgbResult = [];
  for (int y = 0; y < decodedImage.height; y++) {
    List<List<int>> rowPixels = [];
    for (int x = 0; x < decodedImage.width; x++) {
      int pixel = decodedImage.getPixel(x, y);
      int r = img.getRed(pixel);
      int g = img.getGreen(pixel);
      int b = img.getBlue(pixel);
      rowPixels.add([r, g, b]);
    }
    rgbResult.add(rowPixels);
  }
  return rgbResult;
}

• 如果你需要一维Uint8List格式的RGB数据，可直接处理解码后图片的bytes属性：该属性默认是RGBA顺序的一维数组，每4个值对应一个像素的R、G、B、A，你只要按顺序截取每4位的前3位即可得到纯RGB的一维数组。
• 如果服务端要求固定输入尺寸，可在解码后调用copyResize方法对图片进行缩放、裁剪后再提取像素值，和Python端的预处理逻辑对齐即可。

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