Skip to content

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

Description

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

File Viewer demo

它解决的问题:

企业系统里经常要预览合同 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、知识库、工单系统、附件中心、工程资料库、私有化交付。

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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