Flutter结合Firebase开发类Instagram应用上传图片报No host specified错误如何解决

架构老林

2026-10-13

问题根因

代码的核心逻辑错误是：创建帖子并写入Firestore的代码没有做任何前置判断，放在了媒体选择、上传的逻辑分支之外。
当出现未选中有效媒体、媒体上传失败两种情况时，uploadedFileUrl变量会保持初始值null，你直接将该null值赋值给photoUrl字段写入Firestore，后续加载帖子图片时，框架会把空的url解析为file:///null本地路径，就会抛出找不到主机的对应报错。

修复方案

把创建帖子的逻辑移到上传成功的判断分支内部，只有确认拿到有效下载链接后，再执行写入Firestore的操作，修正后的代码如下：

Widget build(BuildContext context) {
return Scaffold(
  key: scaffoldKey,
  backgroundColor: Colors.white,
  floatingActionButton: FloatingActionButton(
    onPressed: () async {
      final selectedMedia = await selectMedia();
      if (selectedMedia != null &&
          validateFileFormat(selectedMedia.storagePath, context)) {
        showUploadMessage(context, 'Uploading file...', showLoading: 
        true);
        final downloadUrl = await uploadData(
            selectedMedia.storagePath, selectedMedia.bytes);
        ScaffoldMessenger.of(context).hideCurrentSnackBar();
        if (downloadUrl != null) {
          setState(() => uploadedFileUrl = downloadUrl);
          showUploadMessage(context, 'Success!');
          // 仅上传成功后执行创建帖子逻辑
          final postsRecordData = createPostsRecordData(
            photoUrl: uploadedFileUrl,
          );
          await PostsRecord.collection.doc().set(postsRecordData);
        } else {
          showUploadMessage(context, 'Failed to upload media');
        }
      }
      // 移除原位置的创建帖子代码
    },
    backgroundColor: Colors.black,
    elevation: 8,
  ),
);
}