Flutter Firestore图片上传image1未设downloadURL触发空弹窗问题

你的代码执行时序完全错误，核心问题有3个：

• 校验逻辑顺序写反：saveCarousal方法里先判断image1、image2是否非空，再调用图片上传函数。用户选完本地图片后没有自动触发上传，点击Save按钮时两个URL变量还是初始空字符串，自然直接触发必填弹窗。
• 异步逻辑没有等待：你的uploadImage1、uploadImage2方法没有用await等待上传完成、获取下载URL的过程，方法内直接打印"SUCCESS"，实际上传和URL赋值是在then回调里异步执行的，你更新Firestore的时候回调还没跑完，拿到的还是空值。
• 你终端能看到URL输出，是因为异步任务最终执行完触发了setState赋值，但这时候空值校验、数据库更新的逻辑早就跑完了，赋值操作晚了一步。

调整执行逻辑：点击Save后先校验本地图片是否已选择，再等待两个上传任务全部完成拿到下载URL，确认URL有效后再执行Firestore更新操作。
核心修改代码如下：

1. 重写saveCarousal方法：

saveCarousal(BuildContext context) async {
  // 先校验本地是否选中了两张图片
  if (localimag == null || localname == null || localimag2 == null || localname2 == null) {
    showCupertinoDialog(
        context: context,
        builder: (BuildContext context) {
          return CupertinoAlertDialog(
              title: const Text('Field required'),
              content: const Text("Both carousel images are required"),
              actions: <Widget>[
                ElevatedButton(
                    onPressed: () {
                      Navigator.of(context).pop();
                    },
                    child: const Text('OK'))
              ]);
        });
    return;
  }

  // 等待两个图片上传完成，拿到下载URL
  final img1Url = await uploadImage1(localimag!, localname!);
  final img2Url = await uploadImage2(localimag2!, localname2!);

  // 校验URL有效后更新Firestore
  if (img1Url.isNotEmpty && img2Url.isNotEmpty) {
    CarouselImages images = CarouselImages(img1Url, img2Url);
    await collectionReference
        .doc("RFBNif8jKy24SsNjCuNY")
        .update(images.toMap())
        .then((value) => print("UPDATED FILE  🔥 🔥  "));
    // 上传完成后重置选中状态
    setState(() {
      localimag = null;
      localname = null;
      localimag2 = null;
      localname2 = null;
      image1 = "";
      image2 = "";
    });
  }
}

2. 重构两个上传方法，让其直接返回下载URL，确保异步流程可等待：

Future<String> uploadImage1(File file, String fileName) async {
  final TaskSnapshot uploadTask = await storageReference
      .child("Images/$fileName")
      .putFile(file);
  final String imageDownloadUrl = await uploadTask.ref.getDownloadURL();
  setState(() {
    image1 = imageDownloadUrl;
  });
  print("IMG1 UPLOAD SUCCESS");
  return imageDownloadUrl;
}

Future<String> uploadImage2(File file, String fileName) async {
  final TaskSnapshot uploadTask = await storageReference
      .child("ImageBytes/$fileName")
      .putFile(file);
  final String imageDownloadUrl2 = await uploadTask.ref.getDownloadURL();
  setState(() {
    image2 = imageDownloadUrl2;
  });
  print("IMG2 UPLOAD SUCCESS");
  return imageDownloadUrl2;
}

• 点击Save按钮后可以展示全屏加载弹窗，阻止用户重复操作，等上传、数据库更新全流程结束后再关闭弹窗。
• 给上传、更新逻辑加try-catch异常捕获，处理网络错误、权限错误等异常场景，避免无响应。

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