Firebase carica file, immagini su database firebase (storage firebase) utilizzando Angular2 - angularjs, angular, firebase, firebase-database, firebase-storage

Qualcuno può aiutare con l'esempio per il caricamento di file immagine sul database firebase usando Angular2.

Fornisci un esempio di codice o qualsiasi link.

Grazie!

risposte:

1 per risposta № 1

Non sono a conoscenza di alcuna libreria Angular2 in grado di eseguire Firebase Storage AngularFire2 la biblioteca ha un problema aperto su aggiunta la funzione.

---

-1 per risposta № 2

Segui le istruzioni dal seguente link e puoi caricare il file dall'angolo 2 alla memoria firebase.

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

Ecco i seguenti passi necessari che puoi fare.

Passaggio: 1 => Installa il pacchetto npm

$ npm installa o2-upload-to-fbs --save

Passaggio: 2 => Accedi al tuo account Firebase e crea un bucket nella sezione di archiviazione

Passaggio: 3 => Ora nel tuo file app.module.ts, aggiungi il seguente codice

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]
})

e dal tuo account firebase fai clic sul link panoramica e quindi fai clic su firebase per l'app Web otterrai il codice semplicemente copia e incolla il codice e incolla l'oggetto firebaseConfig sopra

Passaggio 4: => Aggiungi quanto segue al tuo componente HTML

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

Passaggio: 5 => Infine, nella regola di archiviazione Firebase sostituire il codice seguente

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

Spero che questo ti possa aiutare.

Grazie

---