如何在 Angular Web 中显示 blob 内容(doc、ppt、xls)

Posted

技术标签:

【中文标题】如何在 Angular Web 中显示 blob 内容(doc、ppt、xls)【英文标题】:How to Display blob content (doc,ppt,xls) in an Angular web 【发布时间】:2020-04-23 21:15:30 【问题描述】:

大家,我正在尝试在浏览器上查看以 blob 格式发送的服务器上的文件内容。使用 ng2-pdfjs-viewer 成功显示 pdf (blob)。

这个插件可以在 blob 中查看 pdf 没有任何问题,并且无需将文件保存在用户文件系统上,但我也想显示其他格式,如 ppt、doc、Xls 等,而不会将 blob 存储或转换为用户文件系统。

是否可以在浏览器上查看 blob 格式的 office 文件而不将文件保存在用户计算机上?

我曾尝试过 npm 上提供的其他文件查看器插件,但它们不呈现 blob 格式。

后端在 spring 中使用 solr 搜索引擎,它将文件 blob 对象返回到客户端(角度)。

【问题讨论】:

您找到解决方案了吗? 我们通过使用 apache poi 将每个文档转换为 pdf 并将响应以 blob 形式发送回前端并使用 pdf 查看器显示内容来实现。您可以使用替代的开源 libreoffice online 和 openoffice。跨度> 【参考方案1】:

我们必须使用不同的策略,通过使用 apache poi 将每个文档转换为 pdf 并将响应以 blob 形式发送回前端并使用 pdf 查看器显示内容。您可以使用替代的开源 LibreOffice online 和 OpenOffice。

【讨论】:

以上是关于如何在 Angular Web 中显示 blob 内容(doc、ppt、xls)的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Angular 5 中解析和播放数据库中的 Blob/二进制数据

如何在 iOS 上显示从我的 angularjs 应用程序发送的 PDF(Blob)

如何从 Angular 6 中的 blob URL 下载音频文件?

在 Angular 中获取 http://localhost:4200/[object%20Blob] 404(未找到)

如何使用 jwt 在 Angular 6 和 web api 中刷新令牌?

在 angular2 中显示 web api 异常