Wie kann ich die lokale Bild-URL in Firebase speichern

Question

Ich muss Benutzerprofil Foto in meiner Firebase-Datenbank speichern. Ich möchte ein lokales Bild mit diesem Pfad speichern: "www/img/avatar.jpeg". Ich versuche, diesen Code Bild-URL

$scope.user.image="data:img/avatar.jpeg;base64" 

Aber zu erhalten, wenn mein Code ausgeführt wird erhalte ich diese Fehlermeldung: ERR_UNKNOWN_URL_SCHEME.

Answer 1

muss der Benutzer das Foto auszuwählen, so dass Sie einen Dateiauswahl in Ihrem HTML benötigen:

<input type="file" id="file" name="file" /> 

Dann können Sie es in JavaScript behandeln mit:

function handleFileSelect(e) { 
    var file = e.target.files[0]; 
    // Get a reference to the location where we'll store our photos 
    var storageRef = storage.ref().child('chat_photos'); 

    // Get a reference to store file at photos/<FILENAME>.jpg 
    var photoRef = storageRef.child(file.name); 
    // Upload file to Firebase Storage 
    var uploadTask = photoRef.put(file); 
    uploadTask.on('state_changed', null, null, function() { 
    // When the image has successfully uploaded, we get its download URL 
    var downloadUrl = uploadTask.snapshot.downloadURL; 
    // Set the download URL to the message box, so that the user can send it to the database 
    textInput.value = downloadUrl; 
    }); 
} 
file.addEventListener('change', handleFileSelect, false); 

von Dieser Code kommt die Zero To App talk at Google I/O. Der vollständige Code ist in this gist verfügbar.

Wenn die Download-URL einem Textfeld hinzugefügt wird, möchten Sie sie in der Datenbank speichern.