Firebase - 在表单提交时存储图像。 反应 JS

Question

我正在尝试使用以下代码将图像上传到 firebase 存储：

const firebase = useFirebase();
      const handleSubmit = e => {
        e.preventDefault();
       // state.title && dispatch(createItems(state));

        firebase
          .storage()
          .ref(`images/${state.title}`)
          .child(state.title)
          .getDownloadURL()
          .then(url => setState({ ...state, avatarURL: url }));
      };

它不起作用。 几乎相同的代码适用于 react-firebase-file-uploader。 有谁知道为什么？

谢谢！

Answer 1

通过做

 firebase
      .storage()
      .ref(`images/${state.title}`)
      .child(state.title)
      .getDownloadURL()
      .then(url => setState({ ...state, avatarURL: url }));

您没有将文件上传到 Cloud Storage，但您只是获得了由.ref(`images/${state.title}`).child(state.title) Reference表示的“对象的长期下载 URL”，通过getDownloadURL()方法。

如果要上传文件，则需要使用put()方法。