有没有办法在我的反应应用程序中看到上传的文档？答案

【问题标题】：Is there any way to see an uploaded document into my react app?有没有办法在我的反应应用程序中看到上传的文档？
【发布时间】：2020-05-18 09:26:09
【问题描述】：

您好，在我的 react 应用上，我需要查看文档，但无法手动上传。我会解释，如果需要，用户可以上传一个文档，然后到应用程序的另一部分可以看到它。我想知道是否有可能组织类似的东西

<a href={userDocUploaded} target="_blank">See document</a>

因此用户 onClick 可以看到在另一个选项卡中打开的文档。我做了一些逻辑，但是在他可以在审阅模式下看到它之后，我将文档上传到我的商店。那么我可以在不向 localStorage 或 sessionStorage 收费的情况下将其可视化吗，我应该使用外部库吗？

【问题讨论】：

【解决方案1】：

这取决于文档的格式。如果是图像，您可以通过将其编码为 base64 来显示它以用于其他类型的文档，恐怕您必须将其存储在某个 URL 中。

【讨论】：

它可能是 pdf 或图像..所以如果它是 pdf 则必须将其上传到某个地方？
@GiovanniGiampaolo 查看此线程，它将让您了解如何在浏览器中显示本地 pdf stackoverflow.com/questions/22048395/…
谢谢，它可以是一个解决方案，但不是在 png 或 jpeg 的情况下
@GiovanniGiampaolo 对于 png 和 jpeg，您可以使用 FileReader API，查看stackoverflow.com/questions/18934738/…

【解决方案2】：

您无需将其上传到任何地方即可打开它，在“上传”之后（使用文件选择器），您可以将其存储在变量中并随意使用（请记住，这并不总是好办法）。但是，如果您想在应用程序中可视化\打开它，这取决于文件格式，您可能需要使用外部库来解释和呈现它

编辑：在括号中添加注释

【讨论】：