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

为什么值得推荐
做企业系统时,“附件预览”是一个很常见但容易被低估的问题:合同 Word、Excel 报表、PPT 材料、PDF/OFD 发票、DWG/DXF 图纸、压缩包、邮件附件、代码文件都可能需要在网页里打开。很多内网或私有化项目又不能依赖第三方在线转换服务。
File Viewer 的思路是:把底层能力拆成 core、renderer、preset、framework component,让用户可以在 Vanilla JS、Web Component、Vue、React、Svelte、jQuery 等生态中接入同一套预览能力。
核心特点
- 浏览器原生预览,尽量不依赖服务端转码。
- Worker、WASM、字体、vendor 资源支持自托管,适合内网和私有化部署。
- 内置 206 个扩展名映射和 24 条预览链路,覆盖 Office、PDF/OFD、Typst、CAD、压缩包、邮件、图片、音视频、代码、Markdown、Patch、Git bundle、XMind、Draw.io、PSD、3D、Geo 等。
- PDF、Office、CAD、Typst、压缩包、绘图等重型能力按需加载。
- 提供轻量包、preset 组合包和 full 包,既能按需组合,也能一步集成。
最小示例
npm i @file-viewer/vue3-full
<file-viewer url="/files/report.docx" />
File Viewer
File Viewer 是一个面向企业后台、OA、知识库、工单系统、附件中心和私有化项目的纯前端文件预览组件生态。它尽量不依赖服务端转码,在浏览器里直接预览常见业务附件。
在线体验:https://demo.file-viewer.app
文档:https://doc.file-viewer.app
官网:https://file-viewer.app
License:Apache-2.0
为什么值得推荐
做企业系统时,“附件预览”是一个很常见但容易被低估的问题:合同 Word、Excel 报表、PPT 材料、PDF/OFD 发票、DWG/DXF 图纸、压缩包、邮件附件、代码文件都可能需要在网页里打开。很多内网或私有化项目又不能依赖第三方在线转换服务。
File Viewer 的思路是:把底层能力拆成 core、renderer、preset、framework component,让用户可以在 Vanilla JS、Web Component、Vue、React、Svelte、jQuery 等生态中接入同一套预览能力。
核心特点
最小示例