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

[wybaby168]

开源名称

File Viewer

开源地址

https://github.com/flyfish-dev/file-viewer

简介

File Viewer 是一个面向企业后台、OA、知识库、工单系统、附件中心和私有化项目的纯前端文件预览组件生态。它尽量不依赖服务端转码，在浏览器里直接预览常见业务附件，并提供 Vanilla JS、Web Component、Vue 3 / Vue 2、React、Svelte、jQuery、preset 和 full 包等多种接入方式。

推荐理由

• 业务场景真实：企业系统里经常要预览 Word、Excel、PPT、PDF/OFD、CAD 图纸、压缩包、邮件附件、代码文件等。
• 纯前端和离线优先：尽量不依赖服务端转码，Worker、WASM、字体、vendor 资源支持自托管，适合内网、Docker、私有 CDN。
• 多框架接入：Vanilla JS、Web Component、Vue、React、Svelte、jQuery 都有组件包，参数、事件和 controller API 尽量保持一致。
• 按需加载：PDF、Office、CAD、Typst、压缩包、绘图等重型 renderer 只在命中文件类型时加载。
• 格式覆盖广：内置 206 个扩展名映射和 24 条预览链路，覆盖常见办公、工程、设计、数据和代码附件。

快速开始

npm i @file-viewer/vue3-full

<file-viewer url="/files/report.docx" />

补充信息

• 官网：https://file-viewer.app
• 在线 Demo：https://demo.file-viewer.app
• 文档：https://doc.file-viewer.app
• License：Apache-2.0
• 适合分类：前端组件 / 文件预览 / Office Viewer / PDF Viewer / CAD Viewer / 私有化部署 / 离线优先