Word、Excel、压缩包等各种文件,这套开源组件全能预览

最近看到 GitHub 上开源了一个很实用的项目，叫 Open File Viewer。

如果你做过 OA、ERP 或文档系统，应该遇到过一个很烦的问题：

PDF 要一套预览组件，Word、Excel 又是另一套，碰到压缩包、邮件、CAD 文件，还得继续找方案。

Open File Viewer 就是为解决这件事准备的。

它是一套面向现代 Web 产品的文件预览 SDK。

简单说，就是把 PDF、Office、图片、音视频、压缩包、邮件、图纸、3D、GIS 和代码文件，放进同一个可控的页面容器里。

比如你正在做一个 OA 附件中心。

用户依次点开合同 PDF、Excel 报表和 ZIP 压缩包，它都可以在当前业务页面的指定区域里处理预览，不需要另外跳转窗口。

这个项目打动我的地方，不是格式数量看起来很多，而是它把分散的文件预览，收进了一套统一的接入方式里。

不同格式由独立插件负责，需要什么就接什么，后面也能替换或扩展。

加载、报错、不支持、下载兜底、工具栏、主题和多文件切换这些常见状态，项目也已经考虑到了。

如果你正在给业务系统做附件预览，这个项目很值得先收藏下来。

怎么使用？

项目地址：

https://github.com/xushanpei/open-file-viewer

在线体验：

https://open-file-viewer-workspace.void.app

安装核心包：

pnpm add @open-file-viewer/core

如果项目使用 React：

pnpm add @open-file-viewer/core @open-file-viewer/react