虎視眈々と

Flutter × Firebaseを研究するアプリエンジニア

FlutterでFirebase Storageに画像をアップロードしてダウンロードURLを取得する

f:id:superman199323:20181127104258j:plain

FlutterでFirebase Storageに画像をアップロードしてダウンロードURLを取得する

FlutterとFirebaseの接続方法についてはこちらをご覧ください。

www.shogogeek.com

準備

pubspec.ymlを編集します。

dependencies:
  flutter:
    sdk: flutter

  firebase_storage: ^1.0.4

追加したら下記のコマンドを実行する

flutter packages get

実装

まずはカメラロールから画像を取得しましょう。

取得方法は下記をご覧ください。

www.shogogeek.com

Future<void> _uploadImage(
      File selectImage, String documentId, String uid) async {
    String storageUrl = await StorageConfig.getStorageUrl();
    FirebaseStorage storage =
        new FirebaseStorage(storageBucket: storageUrl);
    final StorageReference ref =
        storage.ref().child("group_icon").child(documentId + ".png");
    StorageUploadTask task = ref.putFile(selectImage);
    String uri = await (await task.onComplete).ref.getDownloadURL();
    print(uri);
  }

uriString 型でデータが返ってきます。