如何在从 API 调用收到的响应中打开文件答案

【问题标题】：How to open files in react received from API call如何在从 API 调用收到的响应中打开文件
【发布时间】：2020-06-07 04:51:31
【问题描述】：

API 调用返回的文件可以是文本或 pdf 文件或 doc。将这些文档呈现给用户的最佳方式是什么？是否有任何 npm 模块可以处理多种文件格式（.pdf、.text、.doc）？提前致谢

【问题讨论】：

我建议你从这个开始github.com/plangrid/react-file-viewer
这不起作用，它会使我的应用崩溃
您拥有 docx/xslx 或 doc/xsl 哪种类型的文件？这很重要，因为 react-file-viewer 支持下一个文件格式：png、jpeg、gif、bmp，包括 360 度图像、pdf、csv、xslx、docx、mp4、webm、mp3

【解决方案1】：

如果您提到的 api 以可下载链接的形式为您提供文件，那么您可以使用 Google Docs 的嵌入式查看器如下使用它

<iframe src="https://docs.google.com/gview?url=[path_to_file]embedded=truestyle="width:600px; height:500px;" frameborder="0"/>

将 path_to_file 替换为您从 api 获得的链接。它支持你在问题中提到的文件格式

【讨论】：