Firebaseのアップロードファイル、firebaseデータベース上の画像（firebase storage）Angular2を使用

Question

Angular2を使用してfirebaseデータベース上の画像ファイルをアップロードする例は誰でも助けてください。

..

感謝をコードサンプルまたは任意のリンクを提供してください！

Answer 1

Firebase Storageを実行できるAngular2ライブラリは認識していません。 AngularFire2ライブラリにはissueが公開されています。

Answer 2

次のリンクの指示に従ってください。角度2からファイヤーベースのストレージにファイルをアップロードできます。ここで

https://github.com/Ohtsu/o2-upload-to-fbs

あなたが行うことができ、以下の必要なステップです。

手順：1 =>インストールNPMパッケージ

$ NPMインストールO2アップロードツーFBS --save

ステップ：あなたのfirebaseアカウントへ2 =>ログインして作成します記憶部におけるバケットは

ステップ：3 =>今すぐあなたのapp.module.tsファイルに、次のコード

import { AngularFireModule } from 'angularfire2';  
import { O2UploadToFbsComponent } from 'o2-upload-to-fbs'; 

export const firebaseConfig = { 
    apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx", 
    authDomain: "xxxxxxxxxxxxxxxxxx.firebaseapp.com", 
    databaseURL: "https://xxxxxxxxxxxxxxxxxx.firebaseio.com", 
    storageBucket: "xxxxxxxxxxxxxxxxxx.appspot.com", 
    messagingSenderId: "xxxxxxxxxxxxxxxxxx" 

}; 

@NgModule({ 
declarations: [ 
O2UploadToFbsComponent, // <= Add 
AppComponent 
], 
imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    AngularFireModule.initializeApp(firebaseConfig) // <= Add 

], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 

を追加しますその後、

とあなたのfirebaseアカウントのクリックの概要リンクから、あなたがコードを取得するWebアプリのfirebaseをクリックするだけでコピーして貼り付けコードをしてfirebaseConfigオブジェクトに貼り付ける

上記ステップ4：=>コンポーネントのhtml

に以下を追加します。

<o2-upload-to-fbs [fbsBasePath] = "'images/'" [btnSelectText] = "'Browse'"></o2-upload-to-fbs> 

ステップ：5 =>最後にfirebaseストレージルールに次のコード

service firebase.storage { 
match /b/your_project_name.appspot.com/o { 
    match /images/{allPaths=**} { 
    allow read, write; 
    } 
} 
} 

を交換、これはあなたを助けることを願っています。

ありがとうございました