如何将网络图片上传至Firebase Storage并返回其下载URL？

需求说明 #

• 从指定网络URL获取图片资源
• 将图片上传至Firebase Storage
• 上传完成后返回该图片的Firebase存储访问URL

实现代码 #

Future<String> portrait(String imageinput) async {
  // 从网络URL获取图片字节数据
  final response = await http.get(Uri.parse(imageinput));

  final imageBytes = response.bodyBytes;

  // 创建Firebase Storage存储引用，以当前时间作为文件名避免重复
  final storageRef = FirebaseStorage.instance
      .ref()
      .child('images/${DateTime.now().toString()}.jpg');

  // 上传图片字节数据
  final uploadTask = storageRef.putData(imageBytes);
  await uploadTask;

  // 获取并返回图片的下载URL
  final String imageUrl = await storageRef.getDownloadURL();
  return imageUrl;
}

补充优化建议 #

1. 添加错误处理：原代码未处理网络请求失败、上传失败等异常情况，建议添加异常捕获保证稳定性：

Future<String> portrait(String imageinput) async {
  try {
    final response = await http.get(Uri.parse(imageinput));
    // 校验网络请求是否成功
    if (response.statusCode != 200) {
      throw Exception('无法从目标URL获取图片');
    }

    final imageBytes = response.bodyBytes;

    final storageRef = FirebaseStorage.instance
        .ref()
        .child('images/${DateTime.now().toString()}.jpg');

    final uploadTask = storageRef.putData(imageBytes);
    await uploadTask;

    final String imageUrl = await storageRef.getDownloadURL();
    return imageUrl;
  } catch (e) {
    // 根据业务需求处理异常，比如打印日志或返回错误标识
    print('图片上传过程出错: $e');
    rethrow; // 也可返回空字符串、默认占位图URL等替代逻辑
  }
}

2. 依赖配置：确保在pubspec.yaml中添加必要的依赖包：

dependencies:
  flutter:
    sdk: flutter
  http: ^1.1.0
  firebase_storage: ^11.2.0
  firebase_core: ^2.15.0 # 初始化Firebase必需

3. Firebase初始化：在应用启动阶段完成Firebase初始化，示例代码（main.dart）：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(const MyApp());
}

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