如何将图像添加到Firestore

Question

如何将图像添加到Firestore中？与将任何常规数据添加到Firestore中时是同一回事，还是应该将其定向为一种特定的方法以使其更容易获取。我似乎找不到任何必须将图像上传到Firestore的文档。

我目前正在使用

        const image = document.getElementById('image')    

        database.collection("users").add({
          UsersImg: image
        })

Answer 1

您显示的代码正在尝试将HTML元素引用存储在文档中。那当然不是你想要的。SDK不够聪明，无法以某种方式将该元素转换为实际图像。

如果您确实有要存储的实际图像（并且我的意思是jpeg或png文件或类似文件的二进制内容），则可以使用Firestore的字节类型启动原始二进制数据。但这并不是一个好主意，因为每个文档的大小限制为1MB。图像很容易超过此范围。Firestore不是存储大量二进制数据的好工具。

最好将映像存储在Cloud Storage中，然后将该映像的路径存储在Firestore中，以便您可以搜索它并稍后下载。