FirebaseStorageのアップロード進捗をモニタリングしたい

Question

前提・実現したいこと

ユーザーのプロフィール画像やカバー画像を管理する為に、FirebaseStorageにアプリから画像をアップロードできるようにしています。

画像をアップロードしてアップロードが完了するまで「保存中」というViewを一度はさみたいのですが、方法がわかりません。

アップロードがはじまって、アップロードが完了するタイミングをモニタリングする方法を教えて頂きたいです！！

~~~抜粋~~~

    //サムネイルをアップロード
    fileprivate func thumbUpload() {
        guard let uid = Auth.auth().currentUser?.uid else { return }
        let date = NSDate()
        let storageRef = Storage.storage().reference().child("ProfileImage").child("(uid).jpg")
        let metaData = StorageMetadata()
        metaData.contentType = "image/jpg"
        if let uploadData = self.ThumbnailImage.image?.jpegData(compressionQuality: 0.9) {
            storageRef.putData(uploadData, metadata: metaData) { (metadata , error) in
                if error != nil {
                    print("error: (error?.localizedDescription)")
                }
                storageRef.downloadURL(completion: { (url, error) in
                    if error != nil {
                        print("error: (error?.localizedDescription)")
                    }
                print("url: (url?.absoluteString)")
            })
            }
        }

~~~抜粋~~~

保存ボタンがタップされるタイミングで上記のfuncが実行されるようになっています。

補足情報（FW/ツールのバージョンなど）

XCODE11
Swift

Comments

[hoshi-takanori]

SVProgressHUD とかを使えばいいのでは。
https://github.com/SVProgressHUD/SVProgressHUD

[Y.Kame]

ご回答ありがとうございます。

インジケーターを表示する方法は既存の UIIndicator を使用して実装はできるんですが、画像をFirebaseにアップロードする際の、アップロード完了のタイミングがわからないのでIndicatorをストップ/非表示にするタイミングがわからずに困っています。

[hoshi-takanori]

アップロード完了のタイミングで completion ハンドラが呼ばれると思います。

[Y.Kame]

「SVProgressHUD」にはそのような機能があるんですね・・・
ご教授いただきありがとうございます！

FirebaseStorage の公式にもアップロードの進捗をモニタリングするチュートリアルがあったので、読んでみたんですがコードにどのように組み込めばいいのかわりませんでした。

いまいちど実装の方法を模索したいと思います！！

[hoshi-takanori]

completion ハンドラは SVProgressHUD ではなく Firebase Storage の話です。
質問を編集して、コードを載せてくれたら見てみますけど。

[Y.Kame]

！？そうなんですね・・・お恥ずかしいですすみません。

質問を編集して保存する際のコードを追加しました！
お時間があるときに見ていただけると嬉しいです！

Answer 1

storageRef.putData(uploadData, metadata: metaData) { (metadata, error) in
    // 略
}

は

storageRef.putData(uploadData, metadata: metaData, completion: { (metadata, error) in
    // 略
})

の省略型で、{ (metadata, error) in ... } の部分がアップロード終了時に呼ばれる completion ハンドラになっています。ので、

// ここで「アップロード中」表示を開始
storageRef.putData(uploadData, metadata: metaData) { (metadata, error) in
    // ここで「アップロード中」表示を終了

    if error != nil {
        // アップロード失敗、エラー表示
    } else {
        // アップロード成功、次の画面に遷移
    }
}

という感じにすればいいと思います。