如何在 React 中检索存储在 Firebase 存储中的 txt 文件中的数据？答案

【问题标题】：How to retrieve data inside a txt file stored in Firebase storage in react?如何在 React 中检索存储在 Firebase 存储中的 txt 文件中的数据？
【发布时间】：2019-10-14 21:18:43
【问题描述】：

我在 Firebase 存储 中存储了 txt 文件。我可以将每个 txt 文件的下载 URL 存储在我的 firestore 数据库中。但我无法使用存储在 firebase 存储中的 txt 文件中的数据。

问题**：我想直接**从存储在存储中的txt文件获取数据，并显示在我的reactjs web应用页面中。

到目前为止，我无法通过将 url 放在锚标记中来下载 txt 文件，而且我不知道如何解决这个问题，因为我想下载文件。

而且我也无法直接从存储在存储中的 txt 文件中获取数据，以便将其显示在网页中。 . 我已经看过文档，但是那里的演示只显示了如何通过将下载 url 分配给 img 标签的 src 属性而不是其他文件类型（如 txt）来显示存储中的图像。

我尝试将下载 URL 放在锚标记中，但不会下载文件。并检索存储在存储中的 txt 文件中的数据我找不到好的方法

预期结果：我想获取存储在存储中的txt文件中的数据，以便在reactjs中显示在我的网页中。

输出结果：无法访问存储中的txt文件中的数据，以便在网页中查看。

感谢您的宝贵时间

【问题讨论】：

我在1中看到两个问题，解决一个问题会更容易，然后再问另一个问题。
有没有办法检索存储在存储中的txt文件中的数据？

标签： reactjs firebase redux google-cloud-firestore firebase-storage

【解决方案1】：

如上所述 - 您有 2 个问题，但我会尽量回答它们。

没有代码很难看到你在做什么，但你说你有“下载网址”。你确定吗？您有 2 个带存储的“url”。一个是以 gs://... 开头的存储位置，另一个是下载 URL - 您可以从“存储位置”生成。

如果你真的有一个下载 url -> 把它放在锚标签中应该可以让别人下载这个文件。浏览器将打开链接并根据元信息启动文件下载或内联显示。

如果没有发生这种情况，您可能遇到了 cors 问题。（再次不知道您如何尝试访问该文件。您可能需要指定 cors 的 url。更多信息：https://cloud.google.com/storage/docs/cross-origin）

关于显示文件内容。您需要在您的应用程序中下载该文件。下载后，您可以显示它的内容。您可以按照此处的建议进行操作： How to read a text file from server using JavaScript?

【讨论】：

我确信我有下载 URL，因为当我将数据复制粘贴到浏览器地址栏中时，我可以看到数据。只有一个下载网址，我将其保存在 firestore 上
下载 url，当放在一个锚标签中时，将我带到一个页面，其中只显示该 txt 文件中的数据。
那么当你直接使用下载URL时——你可以在浏览器中访问文件吗？
是的，当我在锚标记中使用 url 时，它可以在浏览器中访问。即，它将我带到一个单独的网页，其中仅显示 txt 文件中的数据。那么有没有其他方法可以直接访问firebase存储中的txt文件中的数据呢？
那是直接的方式：stackoverflow.com/questions/4533018/…你的javascript需要获取downloadURL下的文件内容。之后，您可以随心所欲地使用它。