2017-10-18 2 views

Antwort

2

Hier werden wir versuchen, Bilder zu Firebase Speicher hochladen.

1) Sie müssen ein Projekt an der FireBase-Konsole erstellen, um zu beginnen. Sie können ein Projekt in der FireBase-Konsole mithilfe des Links

erstellen. 2) Wechseln Sie zur Konsole und navigieren Sie zur Option Storage. Wenn die Erstellung des Projekts korrekt war, erhalten Sie einen Speicher, der im Standard-Bucket erstellt wurde, z. B. imageupload.appspot.com in meinem Fall.

3) Jetzt brauchen wir die URL, wo wir unser Bild mit Postboten posten. Sie können die URL abrufen, indem Sie ein Bild in Ihren Speicher hochladen. Laden Sie das Bild daher hoch.

enter image description here

, klicken Sie auf Datei-Lage werden Sie die URL hochgeladenes Bild zu bekommen. zB:

http://firebasestorage.googleapis.com/v0/b/imageupload.appspot.com/o/IMG-20170630-WA0003.jpg?alt=media&token=f59a9a31-65d7-4e5b-88cf-fc117deacc21 wo unsere gewünschte URL für Bild Posting ist: http://firebasestorage.googleapis.com/v0/b/imageupload.appspot.com/o

4) Nun ändern die Regeln bei Firebase Lagerung:

service firebase.storage { 
    match /b/{bucket}/o { 
    match /{allPaths=**} { 
     allow read, write; 
    } 
    } 
} 

Dies wird einen öffentlichen Zugang zu Ihrem erlauben url. Sie können weitere Informationen bei http://firebase.google.com/docs/storage/security/start

6) lesen eine einfache Upload-Anforderung senden: So verwenden Sie einfach hochladen, erstellen POST Anforderung an die Methode des/Upload URI.

6-a) Fügen Sie den Abfrageparameter uploadType = media hinzu.

Zum Beispiel für einen Eimer namens myBucket:

POST https://firebasestorage.googleapis.com/v0/b/imageupload.appspot.com/o?uploadType=media

6-b) einen Namen Abfrageparameter hinzufügen zu identifizieren, welche Ressource der Upload verknüpft ist.

Zum Beispiel festlegen, dass ein Objekt der Name myObject ist:

POST https://firebasestorage.googleapis.com/v0/b/imageupload.appspot.com/o?uploadType=media&name=myObject

6-c) Fügen Sie die Daten der Datei auf die Anfrage Körper.

6-d) set contentType: image/png wie ich ein png-bild von postman hochladen.

6-e) Senden Sie die Anfrage.

enter image description here

enter image description here

Verwandte Themen