Skip to content

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

Description

@wybaby168

File Viewer

File Viewer 是一个面向企业后台、OA、知识库、工单系统、附件中心和私有化项目的纯前端文件预览组件生态。它尽量不依赖服务端转码,在浏览器里直接预览常见业务附件。

在线体验:https://demo.file-viewer.app
文档:https://doc.file-viewer.app
官网:https://file-viewer.app
License:Apache-2.0

File Viewer demo

为什么值得推荐

做企业系统时,“附件预览”是一个很常见但容易被低估的问题:合同 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" />

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions