首页 > 解决方案 > 如何将图像从颤动的资产上传到firebase存储?

问题描述

我正在使用下面的代码从图库中选择图像以上传到 Flutter 应用程序中的 Firebase 存储,但我希望如果用户不选择图像,则应将资产中的默认图像上传到 firebase 存储。我应该为要从资产中选择的图像编写什么代码并将其设置为等于,File avatarImageFile以便可以将其上传到 Flutter 应用程序中的 Firebase 存储

File avatarImageFile;
    Future getImage() async {
        File image = await ImagePicker.pickImage(source: ImageSource.gallery);

        if (image != null) {
          setState(() {
            avatarImageFile = image;
            isLoading = true;
          });
        }

        uploadFile();
      }

标签: imagefirebaseflutterfirebase-storage

解决方案


您可以将资产图像转换为文件,然后上传到 Firebase!这是要转换的代码:

import 'dart:async';
import 'dart:io';

import 'package:flutter/services.dart' show rootBundle;
import 'package:path_provider/path_provider.dart';

Future<File> getImageFileFromAssets(String path) async {
  final byteData = await rootBundle.load('assets/$path');

  final file = File('${(await getTemporaryDirectory()).path}/$path');
  await file.writeAsBytes(byteData.buffer.asUint8List(byteData.offsetInBytes, byteData.lengthInBytes));

  return file;
}

在您的示例中,您将像这样调用此函数:

File f = await getImageFileFromAssets('images/myImage.jpg');

并编辑您的代码:

File avatarImageFile;

    Future getImage() async {
        File f = await getImageFileFromAssets('path of your asset Image');
        File image = await ImagePicker.pickImage(source: ImageSource.gallery);


      if (image != null) {
        setState(() {
          avatarImageFile = image;
          isLoading = true;
        });
      }else{
        avatarImageFile = f;
        isLoading = true;
      }

        uploadFile();
      }

推荐阅读