Flutter Web中ImagePicker始终返回Null问题求助

问题分析 #

你的代码同时混用了await和.then()，导致异步逻辑冗余，变量赋值时机可能出现偏差，这是imageBytes为空的潜在原因。另外还需要排查库配置和Web环境的相关设置。

修正后的代码 #

简化异步逻辑，避免await与.then()混用，同时将状态更新放在setState内确保UI正确刷新：

Future<void> addFile() async {
  final Uint8List? image = await ImagePickerWeb.getImageAsBytes();
  if (image != null) {
    setState(() {
      imageBytes = image;
      imageChosen = true;
    });
    print(imageBytes);
  } else {
    print("未选择图片或获取图片失败");
  }
}

额外排查点 #

• 确认imagepicker_web依赖使用最新稳定版本，在pubspec.yaml中更新后执行flutter pub get
• 检查Web端内容安全策略（CSP），开发环境一般无需特殊配置，生产环境需确保允许读取本地文件
• 可尝试切换为获取文件对象再读取字节的方式：

  Future<void> addFile() async {
    final File? pickedFile = await ImagePickerWeb.getFile();
    if (pickedFile != null) {
      final Uint8List fileBytes = await pickedFile.readAsBytes();
      setState(() {
        imageBytes = fileBytes;
        imageChosen = true;
      });
    }
  }
  

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