Flutter Web上传图片至Firebase Storage遇Uint8List类型匹配错误

错误核心原因：putData方法要求传入非空的Uint8List，但result.files.first.bytes返回的是Uint8List?（可空类型），Dart空安全机制不允许直接赋值。

以下是几种可行的解决方式：

方法1：使用空断言操作符（!） #

既然已经通过if (result != null)确保文件选择结果存在，result.files.first.bytes理论上不会为空，直接用!强制转为非空类型：

Future<void> pickImage() async
{
  FilePickerResult? result = await FilePicker.platform.pickFiles();

  if (result != null) {
    Uint8List? fileBytes = result.files.first.bytes;
    String fileName = result.files.first.name;
    setState(() {
      fname = fileName;
    });
    // 用!断言fileBytes非空
    await FirebaseStorage.instance.ref('images/$fileName').putData(fileBytes!);
    var downloadUrl = await FirebaseStorage.instance.ref('images/$fileName').getDownloadURL();
    setState(() {
      imgUrl = downloadUrl;
    });
  }
}

方法2：添加额外非空判断（更安全） #

如果担心极端场景下bytes为空，可再加一层判断避免运行时错误：

Future<void> pickImage() async
{
  FilePickerResult? result = await FilePicker.platform.pickFiles();

  if (result != null) {
    Uint8List? fileBytes = result.files.first.bytes;
    String fileName = result.files.first.name;
    setState(() {
      fname = fileName;
    });
    // 确认fileBytes非空后再执行上传
    if (fileBytes != null) {
      await FirebaseStorage.instance.ref('images/$fileName').putData(fileBytes);
      var downloadUrl = await FirebaseStorage.instance.ref('images/$fileName').getDownloadURL();
      setState(() {
        imgUrl = downloadUrl;
      });
    }
  }
}

方法3：空合并操作符（兜底方案） #

仅作极端场景兜底（不推荐用于实际上传逻辑）：

await FirebaseStorage.instance.ref('images/$fileName').putData(fileBytes ?? Uint8List(0));

不管使用FilePicker、HTML输入元素还是其他图片选择包，核心都是处理可空的Uint8List类型，确保传入putData的是非空值即可。

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