【开源自荐】File Viewer：浏览器原生的企业文件预览组件

[wybaby168]

项目简介

• 项目地址：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、知识库、工单系统、附件中心和私有化项目的 纯前端文件预览组件生态。它尽量不依赖服务端转码，在浏览器里直接预览常见业务附件。

它不是单一在线预览站，而是可集成组件：提供 Vanilla JS、Web Component、Vue 3 / Vue 2、React、Svelte、jQuery、preset 和 full 包等多种入口。

适合谁

• 正在做后台管理系统、OA、知识库、工单系统、附件中心的前端同学
• 需要在内网预览 Word、Excel、PPT、PDF/OFD、DWG/DXF 图纸的团队
• 想把文件预览能力作为组件嵌入已有 Vue / React / Web Component 项目的人
• 对 worker / wasm / 离线资产 / 私有化部署感兴趣的开发者

核心亮点

1. 浏览器原生预览：尽量不依赖服务端转码，适合内网、离线和私有化部署。
2. 格式覆盖广：内置 206 个扩展名映射和 24 条预览链路，覆盖 Office、PDF/OFD、Typst、CAD、压缩包、邮件、图片、音视频、代码、Markdown、Patch、Git bundle、XMind、Draw.io、PSD、3D、Geo 等。
3. 多框架组件生态：Vanilla JS、Web Component、Vue 3 / Vue 2、React、Svelte、jQuery 都有接入包。
4. 轻量包 + preset + full 包：既能按需组合，也能一步接入完整能力。
5. 重型 renderer 按需加载：PDF、Office、CAD、Typst、压缩包、绘图等能力只在命中文件类型时加载。
6. 离线资产友好：Worker、WASM、字体、vendor 资源都考虑自托管和私有 CDN。

一句描述

File Viewer 是一个面向业务系统的浏览器原生文件预览组件，让 Office、PDF/OFD、CAD、压缩包、邮件和代码等附件尽量在前端完成预览，适合企业内网和私有化部署。

如果适合收录，感谢关注。