Flutter如何使用multi_image_picker将多张图片编码为base64存入字符串列表

同步实现（适用于图片数量少、体积小的场景） #

直接遍历已有的_files列表逐张转换即可：

import 'dart:convert';
import 'dart:io';

// 声明存储base64结果的字符串列表
List<String> base64ImageList = [];

for (var file in _files) {
  List<int> imageBytes = file.readAsBytesSync();
  String base64Str = base64Encode(imageBytes);
  // 若需要直接用于前端/Flutter Image组件渲染，可补充data URI前缀（根据实际图片格式调整）
  // base64Str = "data:image/jpeg;base64,$base64Str";
  base64ImageList.add(base64Str);
}

异步实现（推荐，避免阻塞UI线程，适合多图/大图场景） #

同步读取大文件容易造成UI卡顿，用异步读取的方式更稳妥：

import 'dart:convert';
import 'dart:io';

// 封装转换方法
Future<List<String>> batchConvertToBase64(List<File> files) async {
  List<String> result = [];
  for (var file in files) {
    final imageBytes = await file.readAsBytes();
    result.add(base64Encode(imageBytes));
  }
  return result;
}

// 调用示例
// List<String> targetList = await batchConvertToBase64(_files);

注意事项 #

• base64编码后的内容会比原文件体积大33%左右，批量处理大量高清图前建议先做图片压缩，避免占用过多内存。
• 如果转换后的base64需要直接用于图片渲染，需补充对应图片格式的data URI前缀，格式为data:image/[格式];base64,[base64内容]。

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