项目地址: https://github.com/flyfish-dev/file-viewer
在线 Demo: https://demo.file-viewer.app
文档: https://doc.file-viewer.app
官网: https://file-viewer.app
File Viewer 是一个面向企业后台、OA、知识库、工单系统、附件中心和私有化项目的纯前端文件预览组件生态。它尽量不依赖服务端转码,在浏览器里直接预览常见业务附件。

它解决的问题:
企业系统里经常要预览合同 Word、Excel 报表、PPT 材料、PDF/OFD 发票、DWG/DXF 图纸、压缩包、邮件附件、代码文件等。很多内网和私有化项目不方便使用第三方在线转换服务,File Viewer 的目标就是把这些能力尽量放在浏览器端完成。
核心能力:
- 支持 Vanilla JS、Web Component、Vue 3 / Vue 2、React、Svelte、jQuery。
- 提供轻量包、preset 组合包和 full 包,既能按需裁剪,也能一步接入完整能力。
- 内置 206 个扩展名映射和 24 条预览链路。
- PDF、Office、CAD、Typst、压缩包、绘图等重型 renderer 按需加载。
- Worker、WASM、字体、vendor 资源支持自托管,适合内网、Docker、私有 CDN。
- 统一 API 支持主题、工具栏、搜索、缩放、打印、下载、水印、生命周期钩子等。
快速开始:
npm i @file-viewer/vue3-full
<file-viewer url="/files/report.docx" />
适合场景: 企业后台、OA、知识库、工单系统、附件中心、工程资料库、私有化交付。
项目地址: https://github.com/flyfish-dev/file-viewer
在线 Demo: https://demo.file-viewer.app
文档: https://doc.file-viewer.app
官网: https://file-viewer.app
File Viewer 是一个面向企业后台、OA、知识库、工单系统、附件中心和私有化项目的纯前端文件预览组件生态。它尽量不依赖服务端转码,在浏览器里直接预览常见业务附件。
它解决的问题:
企业系统里经常要预览合同 Word、Excel 报表、PPT 材料、PDF/OFD 发票、DWG/DXF 图纸、压缩包、邮件附件、代码文件等。很多内网和私有化项目不方便使用第三方在线转换服务,File Viewer 的目标就是把这些能力尽量放在浏览器端完成。
核心能力:
快速开始:
适合场景: 企业后台、OA、知识库、工单系统、附件中心、工程资料库、私有化交付。