祝你愉快，
我正在实现一个功能，用户可以上传他们的图片到我的Flutter Web应用程序和应用程序显示它。
我试着把它做成下面的样子
1.当用户上传图像文件时，它会以字节的形式上传到Firebase Storage上（我知道图像文件本身不能通过Flutter WEB应用程序上传，必须转换为字节。真的吗？）
1.字节文件的下载URL存储在Firestore中。
1.我的应用会找到下载URL，并使用该URL显示图像文件（字节）（如果是）。
使用的方法是Image.network(downloadURL)，但URL中的文件似乎必须是图像文件，否则会引发错误。
我想知道如何在Flutter WEB应用程序中显示从下载URL转换为字节的图像文件。
或者将图像文件本身上传到Flutter WEB应用程序中的Firebase Storage。

应用程序找到具有以下代码的下载URL

String? profileDownloadURL;

  @override
  initState() {
    super.initState();
    email = FirebaseAuth.instance.currentUser!.email;
    getProfileURL();
  }

  getProfileURL() async {
    DocumentSnapshot<Map<String, dynamic>> documentSnapshot =
        await FirebaseFirestore.instance.collection('Users').doc(email).get();
    setState(() {
      profileDownloadURL = documentSnapshot.data()!['profileDownloadURL'];
    });

    print('profile: $profileDownloadURL');
  }

用户可以使用以下方法选择图像文件

startWebFilePicker() async {
    FilePickerResult? result = await FilePicker.platform.pickFiles();
    if (result != null) {
      final email = FirebaseAuth.instance.currentUser!.email;
      final storageRef = FirebaseStorage.instance.ref();
      final profileRef = storageRef.child(email!).child(result.files.single.name);
      try {
        // upload a byte-converted image file to Firebase Storage
        await profileRef.putData(result.files.single.bytes!);
        // update download URL on Firestore
        String downloadURL = await profileRef.getDownloadURL();
        FirebaseFirestore.instance.collection('Users').doc(email).set(
          {'profileDownloadURL': downloadURL},
          SetOptions(merge: true),
        );
      } on FirebaseException catch (e) {
        print('1: $e');
      } catch (e) {
        print('2: $e');
      }
    } else {
      // User canceled the picker
    }
  }

应用程序显示如下图像

Container(
  child: profileDownloadURL != null
    ? CircleAvatar(
        radius: 100,
        backgroundImage: Image.network(
          profileDownloadURL!,
          fit: BoxFit.fill,
        ).image,
      )
    : const CircleAvatar(
        radius: 100,
        child: Icon(
          Icons.person,
        ),
      ),
),