firebase 存储文件名更改

Question

我是 firebase 和 Javascript 的新手。
如何将文件名更改为用户的 uid 并将其保存到存储中？ 我想在注册成功后上传一个文件。 我应该在 createUserWithEmailAndPassword 或 onAuthStateChanged 中编写一个函数吗？

function handleFileSelect(evt) {
    evt.stopPropagation();
    evt.preventDefault();
    var file = evt.target.files[0];

    var metadata = {
      'contentType': file.type
    };

    var storage_ref = storage.ref();

    storage_ref.child('userImages/' + user.uid).put(file, metadata).then(function(snapshot) {

      snapshot.ref.getDownloadURL().then(function(url) {
        console.log('File available at', url);
        profile_url = url;

      });
    }).catch(function(error) {

      console.error('Upload failed:', error);

    });



  } // handleFileSelect

  document.getElementById('input_img').addEventListener('change',handleFileSelect, false);

Answer 1

您不能直接更改文件名。 但是有一种间接的方法可以做到这一点，检查这个问题

您希望用户的 UID 作为文件名，但您不会在createUserWithEmailAndPassword中获得它，因此您需要将该逻辑添加到onAuthStateChanged方法中。 但是每次用户登录时都会调用onAuthStateChanged ，因此您需要构建某种逻辑以仅在用户登录时第一次执行文件上传方法。

Answer 2

要针对正在创建的用户帐户采取行动，您可以使用then 。

所以像：

function handleFileSelect(evt) {
  evt.stopPropagation();
  evt.preventDefault();

  firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
    // ...    
  }.then(function(credential) {
    var user = credential.user

    var file = evt.target.files[0];

    var metadata = {
      'contentType': file.type
    };

    var storage_ref = storage.ref();

    storage_ref.child('userImages/' + user.uid).put(file, metadata).then(function(snapshot) {

      snapshot.ref.getDownloadURL().then(function(url) {
        ...