Flutter-将图像上传到Firebase存储

Question

我从Firebase存储中获取图像，用相机拍照，或者从图书馆中挑选一张。当其中一个完成时，我有一个类来存储图像，以便在需要时使用它。

现在我需要将此图像上传到Firebase存储（修改或新建，无所谓）。Firebase允许我使用以下选项之一：putData或putFile，每个选项分别需要Uint8List或文件。

我怎么能把我的图像，并从它获得一个文件或Uint8List用于上传？

--

或者，为了解决这个问题，当我从Firebase存储中检索图像时，如何获取图像的文件？

无论哪种方式都可以提供正确的数据类型来上传图像，无论是在开始还是结束时都可以获得File。

Answer 1

很抱歉我的回答晚了，但是上面的答案有点旧，希望我的答案能帮助你。下面的代码示例将适用于以下依赖项。

关于这个问题，它说上传后如何检索。您可以使用下载URL获取文件或图像，您可以下载它，也可以在NetworkImage小部件上显示它以向用户显示。我已经在下面展示了如何获取下载URL。

公共规范。亚马尔

dependencies
    image_picker: ^0.6.5
    firebase_storage: ^3.1.5

飞镖代码

//Creating a global Variable    
StorageReference storageReference = FirebaseStorage.instance.ref();
File _image;

void getImage(){
    _image = await ImagePicker.pickImage(source: ImageSource.gallery); 
}

void addImageToFirebase(){


    //CreateRefernce to path.
    StorageReference ref = storageReference.child("yourstorageLocation/");

    //StorageUpload task is used to put the data you want in storage
    //Make sure to get the image first before calling this method otherwise _image will be null.

    StorageUploadTask storageUploadTask = ref.child("image1.jpg").putFile(_image);

     if (storageUploadTask.isSuccessful || storageUploadTask.isComplete) {
          final String url = await ref.getDownloadURL();
          print("The download URL is " + url);
     } else if (storageUploadTask.isInProgress) {

          storageUploadTask.events.listen((event) {
          double percentage = 100 *(event.snapshot.bytesTransferred.toDouble() 
                               / event.snapshot.totalByteCount.toDouble());  
          print("THe percentage " + percentage.toString());
          });

          StorageTaskSnapshot storageTaskSnapshot =await storageUploadTask.onComplete;
          downloadUrl1 = await storageTaskSnapshot.ref.getDownloadURL();

          //Here you can get the download URL when the task has been completed.
          print("Download URL " + downloadUrl1.toString());

     } else{
          //Catch any cases here that might come up like canceled, interrupted 
     }

}

Answer 2

要首先选择图像（画廊、照相机等），可以使用图像选择器软件包

然后像这样得到图像文件

//Get the file from the image picker and store it
final pickedFile = await picker.getImage(source: ImageSource.camera);

  File image;
  if (pickedFile != null) {
    image = File(pickedFile.path);
  } else {
    print('No image selected.');
    return;
  }

然后检测要保存此文件图像的引用

FirebaseStorage storage = FirebaseStorage.instance;
//Create a reference to the location you want to upload to in firebase
StorageReference reference = storage.ref().child("profileImages/myImageUid");

最后开始上传并等待完成，然后获取URL图像

//Upload the file to firebase
        StorageUploadTask uploadTask = reference.putFile(image);
    
        StorageTaskSnapshot taskSnapshot = await uploadTask.onComplete;
    
        // Waits till the file is uploaded then stores the download url
        String url = await taskSnapshot.ref.getDownloadURL();
    

完整代码

FirebaseStorage storage = FirebaseStorage.instance;

    File image;
    try {
      //Get the file from the image picker and store it
      image = await ImagePicker.pickImage(source: ImageSource.gallery);

    } on PlatformException catch (e) {
      //PlatformException is thrown with code : this happen when user back with don't
      //selected image or not approve permission so stop method here 
      // check e.code to know what type is happen
      return;
    }

    //Create a reference to the location you want to upload to in firebase
    StorageReference reference =
        storage.ref().child("profileImages/${user.id}");

    //Upload the file to firebase
    StorageUploadTask uploadTask = reference.putFile(image);

    StorageTaskSnapshot taskSnapshot = await uploadTask.onComplete;

    // Waits till the file is uploaded then stores the download url
    String url = await taskSnapshot.ref.getDownloadURL();

Answer 3

当您使用图像选择器选择图像时，它会返回一个文件，您可以使用wait等待用户选择一个文件，然后将其存储为文件。下面是一些示例代码，说明如何从图像选择器获取文件并将其上载到Firebase。

    FirebaseStorage _storage = FirebaseStorage.instance;

    Future<Uri> uploadPic() async {

    //Get the file from the image picker and store it 
    File image = await ImagePicker.pickImage(source: ImageSource.gallery);  

    //Create a reference to the location you want to upload to in firebase  
    StorageReference reference = _storage.ref().child("images/");

    //Upload the file to firebase 
    StorageUploadTask uploadTask = reference.putFile(file);

    // Waits till the file is uploaded then stores the download url 
    Uri location = (await uploadTask.future).downloadUrl;

    //returns the download url 
    return location;
   }