FirebaseアプリでCloud Storage内のすべてのファイルのリストを取得するにはどうすればよいですか?


101

画像のアップロードに取り組んでいますが、すべてうまくいきますが、100枚の画像があります。すべての画像をに表示したいと思いViewます。フォルダ内の画像の完全なリストが表示されるため、このAPIが見つかりません作業。


完全なコードソリューションを投稿できますか?
ISS、

回答:


92

JavaScriptリリース6.1iOSリリース6.4Androidリリースバージョン18.1用のFirebase SDKには、すべてファイルを一覧表示するメソッドがあります。

ドキュメントには、私がチェックアウトをお勧めしますので、それまでに少しまばらであるロザリオの答え詳細を。


以前の回答、このアプローチは時々まだ役立つことがあるので:

現在、Firebase SDKには、アプリ内からCloud Storageフォルダ内のすべてのファイルを一覧表示するAPI呼び出しはありません。そのような機能が必要な場合は、ファイルのメタデータ(ダウンロードURLなど)をリストできる場所に保存する必要があります。FirebaseリアルタイムデータベースおよびクラウドFirestoreは、このために完全であり、あなたも簡単に他の人とURLを共有することができます。

あなたは私たちのFriendlyPixサンプルアプリでこれの良い(しかし多少複雑な)サンプルを見つけることができます。Webバージョンに関連するコードはこちらですが、iOSとAndroidのバージョンもあります。


8
これをFirebaseに実装しますか?
桟橋

55
すべてのストレージファイルのURLをRealtime Databaseに保持する必要がある場合、ストレージにフォルダー階層を設ける目的は何ですか?一意の名前を持つすべてのファイルを同じレベルで保存でき、フォルダはまったく不要です!!! ええ、それは矛盾です!!! 基本的に、フォルダー階層の背後にある主な根拠は、フォルダーに何があるかを事前に把握していないワイルドカードクエリです。
abedfar

7
Firebase StorageはGoogle Cloud Storage上に構築されており、ユーザーの言うとおりに実行します。すべてのオブジェクトを1つの長いリストに格納します。Firebase Storageは、その上に階層をモデル化しています。確かに、リークの多い抽象化です。Firebase Storageでフォルダーを使用する一般的な理由は、論理データの分離と、フォルダー構造に基づくセキュリティルールの作成です。
フランクファンPuffelen 2017

8
アップロード後、downloadUrlをデータベースに保存する前にユーザー接続が失われた場合はどうなりますか?その場合、フォルダー内の既存のファイルをどのように検出しますか?
Oswaldo 2017年

10
今はどう ?2018年にこれに直接対応するAPIはありますか?
ディアスディアス18

46

2019年5月の時点で、Cloud Storage用Firebase SDKのバージョン6.1.0は、バケットからのすべてのオブジェクトのリストをサポートしています。あなたは、単に呼び出す必要がありますlistAll()Reference

    // Since you mentioned your images are in a folder,
    // we'll create a Reference to that folder:
    var storageRef = firebase.storage().ref("your_folder");


    // Now we get the references of these images
    storageRef.listAll().then(function(result) {
      result.items.forEach(function(imageRef) {
        // And finally display them
        displayImage(imageRef);
      });
    }).catch(function(error) {
      // Handle any errors
    });

    function displayImage(imageRef) {
      imageRef.getDownloadURL().then(function(url) {
        // TODO: Display the image on the UI
      }).catch(function(error) {
        // Handle any errors
      });
    }

この機能を使用するには、セキュリティルールのバージョン2にオプトインする必要があることに注意してください。これは、セキュリティルールの最初の行を作成することで実行できます。rules_version = '2';

    rules_version = '2';
    service firebase.storage {
      match /b/{bucket}/o {
        match /{allPaths=**} {

詳細については、ドキュメントを確認することをお勧めします。

また、によるとセットアップ、ステップ5で、このスクリプトは許可されていませんNode.jsので、require("firebase/app");意志が返さないfirebase.storage()関数として。これは、を使用してのみ実現されimport * as firebase from 'firebase/app';ます。


使用しているプラ​​グイン
azheen

@azheen Flutterを使用していると思います。残念ながら、これはflutterfireではまだ利用できません。あなたは上でそれを追跡することができ、この問題
ロザリオ・ペレイラ・フェルナンデス

33

2017年3月以降:Firebase Cloud Functionsが追加され、FirebaseとGoogle Cloudとのより深い統合により、これが可能になりました。

Cloud Functionsを使用すると、Google Cloud Nodeパッケージを使用してCloud Storageで壮大な操作を実行できます。以下は、すべてのファイルURLをCloud Storageから配列に取得する例です。この関数は、何かがGoogleクラウドストレージに保存されるたびにトリガーされます。

注1:これはバケット/フォルダ内のすべてのファイルを循環する必要があるため、かなり計算コストの高い操作です。

注2:私はこれを例として書いただけで、約束などの詳細については説明していません。

const functions = require('firebase-functions');
const gcs = require('@google-cloud/storage')();

// let's trigger this function with a file upload to google cloud storage

exports.fileUploaded = functions.storage.object().onChange(event => {

  const object = event.data; // the object that was just uploaded
  const bucket = gcs.bucket(object.bucket);
  const signedUrlConfig = { action: 'read', expires: '03-17-2025' }; // this is a signed url configuration object

  var fileURLs = []; // array to hold all file urls 

  // this is just for the sake of this example. Ideally you should get the path from the object that is uploaded :)
  const folderPath = "a/path/you/want/its/folder/size/calculated";

  bucket.getFiles({ prefix: folderPath }, function(err, files) {
    // files = array of file objects
    // not the contents of these files, we're not downloading the files. 

    files.forEach(function(file) {
      file.getSignedUrl(signedUrlConfig, function(err, fileURL) {
        console.log(fileURL);
        fileURLs.push(fileURL);
      });
    });

  });

});

これがあなたに一般的な考えを与えることを願っています。より良いクラウド関数の例については、Firebase用のCloud Functionsサンプルが満載のGoogleのGithubリポジトリをご覧ください。また、彼らのチェックアウトGoogleクラウドノードAPIドキュメントを


35
これは愚かすぎるため、firebaseがこのapiをfirebase sdkに追加するだけではありません
Thaina

4
@Thainaスケールと関係があると思います。彼らは小さなアプリだけでなく、巨人についても考えなければなりません。パスに数千のファイルが含まれている場合はどうでしょうか。この操作は多くの計算能力を消費し、一見無害で単純な呼び出しごとにデータベースを参照する必要があります。Firebaseを大規模に使いこなすのが深ければ深いほど、特定の妥協が行われた理由がよくわかります。
johnozbay 2017

1
このgcs apiでは、制限とページ付けも行われます。その場合、リスクを認識し、スケーリングできる方法を選択することを試みるのは、APIコンシューマーの責任です。しかし、過保護になるため、オプションを削減することは適切な決定ではありません。彼らが本当にかかるなら、彼らは重い負荷のために充電することができます
Thaina 2017

1
これがトップの答えになるはずです!ヘッドアップをありがとう。現在、構文は例とは異なります。代わりに、パラメータとしてコールバックを送信するには、A鎖に持って.then次のように:this.bucket .getFiles({ prefix: 'path/to/directory' }) .then((arr) => {})
JPルー

1
@JPLewどういたしまして:)構文に関しては、コールバックが除外されている場合にのみプロミスを返します。したがって、どちらを使用しても安全です。こちらの例をご覧ください。cloud.google.com
nodejs

20

リストされている言語がないので、私はSwiftでこれに答えます。ダウンロードのリストを作成するには、Firebase StorageとFirebase Realtime Databaseを一緒に使用することを強くお勧めします。

共有:

// Firebase services
var database: FIRDatabase!
var storage: FIRStorage!
...
// Initialize Database, Auth, Storage
database = FIRDatabase.database()
storage = FIRStorage.storage()
...
// Initialize an array for your pictures
var picArray: [UIImage]()

アップロード:

let fileData = NSData() // get data...
let storageRef = storage.reference().child("myFiles/myFile")
storageRef.putData(fileData).observeStatus(.Success) { (snapshot) in
  // When the image has successfully uploaded, we get it's download URL
  let downloadURL = snapshot.metadata?.downloadURL()?.absoluteString
  // Write the download URL to the Realtime Database
  let dbRef = database.reference().child("myFiles/myFile")
  dbRef.setValue(downloadURL)
}

ダウンロード:

let dbRef = database.reference().child("myFiles")
dbRef.observeEventType(.ChildAdded, withBlock: { (snapshot) in
  // Get download URL from snapshot
  let downloadURL = snapshot.value() as! String
  // Create a storage reference from the URL
  let storageRef = storage.referenceFromURL(downloadURL)
  // Download the data, assuming a max size of 1MB (you can change this as necessary)
  storageRef.dataWithMaxSize(1 * 1024 * 1024) { (data, error) -> Void in
    // Create a UIImage, add it to the array
    let pic = UIImage(data: data)
    picArray.append(pic)
  })
})

詳細については、Zero to App:Develop with Firebaseとそれに関連するソースコードをご覧ください。


3
しかし、Cloud Firestoreで同じ結果を得るにはどうすればよいですか?)
Max Kraev 2018

5

回避策として、内部に何もないファイル(つまり、list.txt)を作成します。このファイルでは、すべてのファイルのURLのリストを使用してカスタムメタデータ(つまり、Map <String、String>)を設定できます。
したがって、フォドラー内のすべてのファイルをダウンロードする必要がある場合は、最初にlist.txtファイルのメタデータをダウンロードしてから、カスタムデータを反復処理し、マップ内のURLを含むすべてのファイルをダウンロードします。


4
はい、これは回避策ですが、単一のlist.txtへの同時書き込みを処理できません
linquize

5

プロジェクトで作業しているときにもこの問題が発生しました。私は本当にそれらが終了APIメソッドを提供することを望みます。とにかく、これは私が行った方法です。Firebaseストレージに画像をアップロードするときに、オブジェクトを作成し、同時にこのオブジェクトをFirebaseデータベースに渡します。このオブジェクトには、画像のダウンロードURIが含まれています。

trailsRef.putFile(file).addOnSuccessListener(new OnSuccessListener<UploadTask.TaskSnapshot>() {
        @Override
        public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {
            Uri downloadUri = taskSnapshot.getDownloadUrl();
            DatabaseReference myRef = database.getReference().child("trails").child(trail.getUnique_id()).push();
            Image img = new Image(trail.getUnique_id(), downloadUri.toString());
            myRef.setValue(img);
        }
    });

後でフォルダーから画像をダウンロードする場合は、そのフォルダーの下のファイルを反復処理するだけです。このフォルダはFirebaseストレージの「フォルダ」と同じ名前ですが、好きな名前を付けることができます。別のスレッドに入れます。

 @Override
protected List<Image> doInBackground(Trail... params) {

    String trialId = params[0].getUnique_id();
    mDatabase = FirebaseDatabase.getInstance().getReference();
    mDatabase.child("trails").child(trialId).addValueEventListener(new ValueEventListener() {
        @Override
        public void onDataChange(DataSnapshot dataSnapshot) {
            images = new ArrayList<>();
            Iterator<DataSnapshot> iter = dataSnapshot.getChildren().iterator();
            while (iter.hasNext()) {
                Image img = iter.next().getValue(Image.class);
                images.add(img);
            }
            isFinished = true;
        }

        @Override
        public void onCancelled(DatabaseError databaseError) {

        }
    });

これで、各画像へのURIを含むオブジェクトのリストができました。それらを使って、やりたいことは何でもできます。それらをimageViewにロードするために、別のスレッドを作成しました。

    @Override
protected List<Bitmap> doInBackground(List<Image>... params) {

    List<Bitmap> bitmaps = new ArrayList<>();

    for (int i = 0; i < params[0].size(); i++) {
        try {
            URL url = new URL(params[0].get(i).getImgUrl());
            Bitmap bmp = BitmapFactory.decodeStream(url.openConnection().getInputStream());
            bitmaps.add(bmp);
        } catch (MalformedURLException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    return bitmaps;
}

これにより、ビットマップのリストが返されます。終了すると、メインアクティビティのImageViewにアタッチするだけです。以下のメソッドは@Overrideです。これは、インターフェースを作成し、他のスレッドで完了を待機するためです。

    @Override
public void processFinishForBitmap(List<Bitmap> bitmaps) {
    List<ImageView> imageViews = new ArrayList<>();
    View v;
    for (int i = 0; i < bitmaps.size(); i++) {
        v = mInflater.inflate(R.layout.gallery_item, mGallery, false);
        imageViews.add((ImageView) v.findViewById(R.id.id_index_gallery_item_image));
        imageViews.get(i).setImageBitmap(bitmaps.get(i));
        mGallery.addView(v);
    }
}

リストイメージが最初に返されるのを待ってから、スレッドを呼び出してリストビットマップで作業する必要があることに注意してください。この場合、ImageにはURIが含まれています。

    @Override
public void processFinish(List<Image> results) {
    Log.e(TAG, "get back " + results.size());

    LoadImageFromUrlTask loadImageFromUrlTask =  new LoadImageFromUrlTask();
    loadImageFromUrlTask.delegate = this;
    loadImageFromUrlTask.execute(results);
}

うまくいけば、誰かがそれを参考にしてくれるでしょう。また、将来的には私自身のギルドラインとしても機能します。


5

Cloud Functionを使用して画像をデータベースに追加し、アップロードされたすべての画像を追跡してデータベースに保存するもう1つの方法。

exports.fileUploaded = functions.storage.object().onChange(event => {

    const object = event.data; // the object that was just uploaded
    const contentType = event.data.contentType; // This is the image Mimme type\

    // Exit if this is triggered on a file that is not an image.
    if (!contentType.startsWith('image/')) {
        console.log('This is not an image.');
        return null;
    }

    // Get the Signed URLs for the thumbnail and original image.
    const config = {
        action: 'read',
        expires: '03-01-2500'
    };

    const bucket = gcs.bucket(event.data.bucket);
    const filePath = event.data.name;
    const file = bucket.file(filePath);

    file.getSignedUrl(config, function(err, fileURL) {
        console.log(fileURL);
        admin.database().ref('images').push({
            src: fileURL
        });
    });
});

ここに完全なコード:https : //gist.github.com/bossly/fb03686f2cb1699c2717a0359880cf84


5

ノードjsの場合、私はこのコードを使用しました

const Storage = require('@google-cloud/storage');
const storage = new Storage({projectId: 'PROJECT_ID', keyFilename: 'D:\\keyFileName.json'});
const bucket = storage.bucket('project.appspot.com'); //gs://project.appspot.com
bucket.getFiles().then(results => {
    const files = results[0];
    console.log('Total files:', files.length);
    files.forEach(file => {
      file.download({destination: `D:\\${file}`}).catch(error => console.log('Error: ', error))
    });
}).catch(err => {
    console.error('ERROR:', err);
  });

あなたは私の日を救った!
hugo blanc

4

listAll()メソッドを使用して、firebaseストレージのディレクトリ内のファイルを一覧表示できます。このメソッドを使用するには、このバージョンのfirebase storageを実装する必要があります。「com.google.firebase:firebase-storage:18.1.1」

https://firebase.google.com/docs/storage/android/list-files

セキュリティルールをバージョン2にアップグレードすることに注意してください。



3

私は同じ問題に直面しました、私のものはさらに複雑です。

管理者はオーディオとPDFファイルをストレージにアップロードします。

  • audios / season1、season2 ... / class1、class 2 / .mp3ファイル

  • books / .pdfファイル

Androidアプリはサブフォルダーとファイルのリストを取得する必要があります。

解決策は、ストレージでアップロードイベントをキャッチし、クラウド機能を使用してFirestoreで同じ構造を作成することです。

ステップ1:Firestoreで手動で「ストレージ」コレクションと「オーディオ/ブック」ドキュメントを作成する

ここに画像の説明を入力してください

ステップ2:クラウド機能をセットアップする

15分ほどかかる場合がありますhttps : //www.youtube.com/watch?v=DYfP-UIKxH0&list=PLl-K7zZEsYLkPZHe41m4jfAxUi0JjLgSM&index=1

ステップ3:クラウド機能を使用してアップロードイベントをキャッチする

import * as functions from 'firebase-functions';
import * as admin from 'firebase-admin';
admin.initializeApp(functions.config().firebase);
const path = require('path');

export const onFileUpload = functions.storage.object().onFinalize(async (object) => {
        let filePath = object.name; // File path in the bucket.
        const contentType = object.contentType; // File content type.
        const metageneration = object.metageneration; // Number of times metadata has been generated. New objects have a value of 1.
        if (metageneration !== "1") return;

        // Get the file name.
        const fileName = path.basename(filePath);
        filePath = filePath.substring(0, filePath.length - 1);
        console.log('contentType ' + contentType);
        console.log('fileName ' + fileName);
        console.log('filePath ' + filePath);
        console.log('path.dirname(filePath) ' + path.dirname(filePath));
        filePath = path.dirname(filePath);
        const pathArray = filePath.split("/");
        let ref = '';
        for (const item of pathArray) {
            if (ref.length === 0) {
                ref = item;
            }
            else {
                ref = ref.concat('/sub/').concat(item);
            }
        }

        ref = 'storage/'.concat(ref).concat('/sub')
        admin.firestore().collection(ref).doc(fileName).create({})
                .then(result => {console.log('onFileUpload:updated')})
                .catch(error => {
                    console.log(error);
                });
    });

ステップ4:Firestoreを使用してAndroidアプリのフォルダー/ファイルのリストを取得する

private static final String STORAGE_DOC = "storage/";
    public static void getMediaCollection(String path, OnCompleteListener onCompleteListener) {
        String[] pathArray = path.split("/");
        String doc = null;
        for (String item : pathArray) {
            if (TextUtils.isEmpty(doc)) doc = STORAGE_DOC.concat(item);
            else doc = doc.concat("/sub/").concat(item);
        }
        doc = doc.concat("/sub");

        getFirestore().collection(doc).get().addOnCompleteListener(onCompleteListener);
    }

ステップ5:ダウンロードURLを取得する

public static void downloadMediaFile(String path, OnCompleteListener<Uri> onCompleteListener) {
        getStorage().getReference().child(path).getDownloadUrl().addOnCompleteListener(onCompleteListener);
    }

注意

Firestoreはコレクションのリストを取得することをサポートしていないため、各アイテムに「サブ」コレクションを配置する必要があります。

解決策を見つけるのに3日かかりましたが、うまくいけば最大で3時間かかります。

乾杯。


私が取り組んでいるまったく同じシナリオ。誰かが私にフラッターコードを送ってもらえますか?私はダウンロードするのではなく、ファイルのバッチをアップロードする必要があるためです。
Mahesh Peri

Flutter SDK(dart言語)
Mahesh Peri

1
クラウドfirestoreはまだフラッターサポートしていませんfirebase.google.com/docs/firestore。高速なアプローチは、クラウド機能を使用してAPIを記述し、通常どおりRESTful経由でこれらのAPIにアクセスすることです。これは、クラウド機能に慣れるのに数時間かかることがあり、これらのトレーニングビデオはツバメには非常に簡単です:D youtube.com/...は
thanhbinh84

3

JavaScriptソリューションのために、RosárioPereira Fernandesの答えを拡張します。

  1. マシンにFirebaseをインストールする
npm install -g firebase-tools

  1. JavaScriptデフォルト言語として設定されたfirebase init
  2. 作成したプロジェクトのルートフォルダーで、npm installsを実行します。
   npm install --save firebase
   npm install @google-cloud/storage
   npm install @google-cloud/firestore
   ... <any other dependency needed>
  1. 以下のようにプロジェクトにデフォルト以外の依存関係を追加します
    "firebase": "^6.3.3",
    "@google-cloud/storage": "^3.0.3"

functions / package.json

{
  "name": "functions",
  "description": "Cloud Functions for Firebase",
  "scripts": {
    "lint": "eslint .",
    "serve": "firebase serve --only functions",
    "shell": "firebase functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "engines": {
    "node": "10"
  },
  "dependencies": {
    "@google-cloud/storage": "^3.0.3",
    "firebase": "^6.3.3",
    "firebase-admin": "^8.0.0",
    "firebase-functions": "^3.1.0"
  },
  "devDependencies": {
    "eslint": "^5.12.0",
    "eslint-plugin-promise": "^4.0.1",
    "firebase-functions-test": "^0.1.6"
  },
  "private": true
}

  1. 一種のlistAll関数を作成する

index.js

var serviceAccount = require("./key.json");
const functions = require('firebase-functions');

const images = require('./images.js');

var admin = require("firebase-admin");

admin.initializeApp({
    credential: admin.credential.cert(serviceAccount),
    databaseURL: "https://<my_project>.firebaseio.com"
});

const bucket = admin.storage().bucket('<my_bucket>.appspot.com')

exports.getImages = functions.https.onRequest((request, response) => {
    images.getImages(bucket)
        .then(urls => response.status(200).send({ data: { urls } }))
        .catch(err => console.error(err));
})

images.js

module.exports = {
    getImages
}

const query = {
    directory: 'images'
};

function getImages(bucket) {
    return bucket.getFiles(query)
        .then(response => getUrls(response))
        .catch(err => console.error(err));
}

function getUrls(response) {
    const promises = []
    response.forEach( files => {
        files.forEach (file => {
            promises.push(getSignedUrl(file));
        });
    });
    return Promise.all(promises).then(result => getParsedUrls(result));
}

function getSignedUrl(file) {
    return file.getSignedUrl({
        action: 'read',
        expires: '09-01-2019'
    })
}

function getParsedUrls(result) {
    return JSON.stringify(result.map(mediaLink => createMedia(mediaLink)));
}

function createMedia(mediaLink) {
    const reference = {};
    reference.mediaLink = mediaLink[0];
    return reference;
}

  1. 実行firebase deployしてクラウド関数をアップロードします
  2. アプリからカスタム関数を呼び出す

build.gradle

dependencies {
...
  implementation 'com.google.firebase:firebase-functions:18.1.0'
...
}

コトリンクラス

  private val functions = FirebaseFunctions.getInstance()
  val cloudFunction = functions.getHttpsCallable("getImages")
  cloudFunction.call().addOnSuccessListener {...}

この機能のさらなる開発に関して、私はここで見つかるかもしれないいくつかの問題に遭遇しまし


2

JSでこれを行うには

それらをdivコンテナーに直接追加するか、配列にプッシュできます。以下は、divにそれらを追加する方法を示しています。

1)画像をストレージに保存するときは、次の構造でFirebaseデータベースに画像への参照を作成します

/images/(imageName){
   description: "" , 
   imageSrc : (imageSource) 
}

2)ドキュメントを読み込むときに、次のコードを使用して、ストレージではなくデータベースからすべての画像ソースURLをプルします。

$(document).ready(function(){

var query = firebase.database().ref('images/').orderByKey();
query.once("value").then(function(snapshot){

    snapshot.forEach(function(childSnapshot){

        var imageName = childSnapshot.key;
        var childData = childSnapshot.val();
        var imageSource = childData.url;

        $('#imageGallery').append("<div><img src='"+imageSource+"'/></div>");

    })
})
});

2

次のコードを使用できます。ここでは、画像をfirebaseストレージにアップロードしてから、画像ダウンロードURLをfirebaseデータベースに保存しています。

//getting the storage reference
            StorageReference sRef = storageReference.child(Constants.STORAGE_PATH_UPLOADS + System.currentTimeMillis() + "." + getFileExtension(filePath));

            //adding the file to reference 
            sRef.putFile(filePath)
                    .addOnSuccessListener(new OnSuccessListener<UploadTask.TaskSnapshot>() {
                        @Override
                        public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {
                            //dismissing the progress dialog
                            progressDialog.dismiss();

                            //displaying success toast 
                            Toast.makeText(getApplicationContext(), "File Uploaded ", Toast.LENGTH_LONG).show();

                            //creating the upload object to store uploaded image details 
                            Upload upload = new Upload(editTextName.getText().toString().trim(), taskSnapshot.getDownloadUrl().toString());

                            //adding an upload to firebase database 
                            String uploadId = mDatabase.push().getKey();
                            mDatabase.child(uploadId).setValue(upload);
                        }
                    })
                    .addOnFailureListener(new OnFailureListener() {
                        @Override
                        public void onFailure(@NonNull Exception exception) {
                            progressDialog.dismiss();
                            Toast.makeText(getApplicationContext(), exception.getMessage(), Toast.LENGTH_LONG).show();
                        }
                    })
                    .addOnProgressListener(new OnProgressListener<UploadTask.TaskSnapshot>() {
                        @Override
                        public void onProgress(UploadTask.TaskSnapshot taskSnapshot) {
                            //displaying the upload progress 
                            double progress = (100.0 * taskSnapshot.getBytesTransferred()) / taskSnapshot.getTotalByteCount();
                            progressDialog.setMessage("Uploaded " + ((int) progress) + "%...");
                        }
                    });

これで、firebaseデータベースに保存されているすべての画像を取得するために使用できます

//adding an event listener to fetch values
        mDatabase.addValueEventListener(new ValueEventListener() {
            @Override
            public void onDataChange(DataSnapshot snapshot) {
                //dismissing the progress dialog 
                progressDialog.dismiss();

                //iterating through all the values in database
                for (DataSnapshot postSnapshot : snapshot.getChildren()) {
                    Upload upload = postSnapshot.getValue(Upload.class);
                    uploads.add(upload);
                }
                //creating adapter
                adapter = new MyAdapter(getApplicationContext(), uploads);

                //adding adapter to recyclerview
                recyclerView.setAdapter(adapter);
            }

            @Override
            public void onCancelled(DatabaseError databaseError) {
                progressDialog.dismiss();
            }
        });

詳細については、Firebase Storageの投稿例をご覧ください。


リンクであなたの例に従いましたが、RecyclerViewでFirebaseから画像が表示されていません
Wolfiebae

1

そのため、firebaseストレージからアセットをダウンロードする必要があるプロジェクトがあったため、この問題を自分で解決する必要がありました。ここに方法があります:

1-最初に、たとえばモデルデータを作成しますclass Choice{}。そのクラスでは、イメージ名と呼ばれるString変数を定義しているため、次のようになります。

class Choice {
    .....
    String imageName;
}

2-データベース/ firebaseデータベースから、画像名をオブジェクトにハードコードします。Apple.pngと呼ばれる画像名がある場合は、

Choice myChoice = new Choice(...,....,"Apple.png");

3-次に、Firebaseストレージ内のアセットのリンクを取得します。

gs://your-project-name.appspot.com/

このように

4-最後に、firebaseストレージ参照を初期化し、そのようなループによってファイルの取得を開始します

storageRef = storage.getReferenceFromUrl(firebaseRefURL).child(imagePath);

File localFile = File.createTempFile("images", "png");
storageRef.getFile(localFile).addOnSuccessListener(new OnSuccessListener<FileDownloadTask.TaskSnapshot>() {

@Override
public void onSuccess(FileDownloadTask.TaskSnapshot taskSnapshot) {
    //Dismiss Progress Dialog\\
}

5-以上です


1
#In Python

import firebase_admin
from firebase_admin import credentials
from firebase_admin import storage
import datetime
import urllib.request


def image_download(url, name_img) :
    urllib.request.urlretrieve(url, name_img)

cred = credentials.Certificate("credentials.json")

# Initialize the app with a service account, granting admin privileges
app = firebase_admin.initialize_app(cred, {
    'storageBucket': 'YOURSTORAGEBUCKETNAME.appspot.com',
})
url_img = "gs://YOURSTORAGEBUCKETNAME.appspot.com/"
bucket_1 = storage.bucket(app=app)
image_urls = []

for blob in bucket_1.list_blobs():
    name = str(blob.name)
    #print(name)
    blob_img = bucket_1.blob(name)
    X_url = blob_img.generate_signed_url(datetime.timedelta(seconds = 300), method='GET')
    #print(X_url)
    image_urls.append(X_url)


PATH = ['Where you want to save the image']
for path in PATH:
    i = 1
    for url  in image_urls:
        name_img = str(path + "image"+str(i)+".jpg")
        image_download(url, name_img)
        i+=1

APIは必要なく、単純なPythonクラスとblobキーワードが必要です
Milan Hazra

0

私はAngularFireすべてを取得するために以下を使用していますdownloadURL

getPhotos(id: string): Observable<string[]> {
    const ref = this.storage.ref(`photos/${id}`)
    return ref.listAll().pipe(switchMap(list => {
      const calls: Promise<string>[] = [];
      list.items.forEach(item => calls.push(item.getDownloadURL()))
      return Promise.all(calls)
    }));
}

-1

Androidの場合、FirebaseUIとGlideを使用するのが最適です。

ライブラリを取得するには、gradle / appに追加する必要があります。すでにグライドが付いていることに注意してください!

implementation 'com.firebaseui:firebase-ui-storage:4.1.0'

そして、あなたのコードで

// Reference to an image file in Cloud Storage
StorageReference storageReference = FirebaseStorage.getInstance().getReference();

// ImageView in your Activity
ImageView imageView = findViewById(R.id.imageView);

// Download directly from StorageReference using Glide
// (See MyAppGlideModule for Loader registration)
GlideApp.with(this /* context */)
        .load(storageReference)
        .into(imageView);
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.