【开源自荐】File Viewer:浏览器原生的企业文件预览组件
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 2/5
- Temps estimé
- 1-3 heures
- Accessibilité débutants
- 45/100
- Type d'issue
- Documentation
- Clarté
- À clarifier
- Activité
- Calme
- Stack technique
- docker, javascript, react, wasm
- Domaine
- content, documentation
Piste de recherche
Aucun fichier cible, test ou point d’entrée n’est indiqué. Commencez par lire la structure du dépôt ainsi que les entrées récentes d’issues ou de projets hebdomadaires afin de trouver le format de soumission attendu ; le travail est terminé lorsque ce projet a été ajouté avec ses liens et sa description dans le format correspondant et que la validité des liens a été vérifiée.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
项目名称
File Viewer
项目地址
https://github.com/flyfish-dev/file-viewer
在线体验 / 文档
项目简介
File Viewer 是一个面向企业后台、OA、知识库、工单系统和私有化项目的纯前端文件预览组件。它尽量不依赖服务端转码,在浏览器里直接预览常见业务附件,并提供 Vanilla JS、Web Component、Vue 3 / Vue 2、React、Svelte、jQuery 等组件包,以及 full 包和 preset 按需组合能力。
推荐原因
- 纯前端和离线优先:浏览器内解析和渲染,Worker、WASM、字体、vendor 资源都支持自托管,适合私有 CDN、Docker、内网部署。
- 覆盖业务文件较多:内置 206 个扩展名映射和 24 条预览链路,覆盖 Office、PDF/OFD、Typst、CAD、压缩包、邮件、图片、音视频、代码、Markdown、Patch、Git bundle、XMind、Draw.io、PSD、3D、Geo 等。
- 多框架组件生态:Vanilla JS、Web Component、Vue 3 / Vue 2、React、Svelte、jQuery 都有原生组件,参数、事件和 controller API 尽量保持一致。
- 按需加载:PDF、Office、CAD、Typst、压缩包、绘图等重型 renderer 只在命中文件类型时加载,避免首包过大。
- 贴近企业附件中心:比较关注 Word / Excel / PDF / OFD 发票、DWG / DXF 图纸、压缩包内文件、EML / MSG 邮件附件这类真实业务场景。
快速开始
npm i @file-viewer/vue3-full
<file-viewer url="/files/report.docx" />
截图

适合分类
前端组件 / 文件预览 / Office Viewer / PDF Viewer / CAD Viewer / 私有化部署 / 离线优先
License
Apache-2.0
- Langage dominant
- Aucune donnée de langage
- Étoiles
- 1.9k
- Forks
- 72
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de OpenGithubs/weekly
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
OpenGithubs/weekly#157 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
OpenGithubs/weekly#106 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 15/100
OpenGithubs/weekly#183 ·
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 1/100
OpenGithubs/weekly#182 ·
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 1/100
OpenGithubs/weekly#181 ·
Toutes les issues de OpenGithubs/weekly
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 67/100
openstreetmap/id-tagging-schema#3189 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulté 1/5 Moins d'une heure Accessibilité débutants 92/100
lingdojo/kana-dojo#33097 · 1 commentaire · 5 réactions ·
Les mainteneurs répondent en général sous 1 jour
-
Translation error in Ukrainian version of Bash Scripting QuizPeut-être pris @samuelcney l’a pris aujourd’hui. Ouvertestatus: waiting triage
Difficulté 1/5 1-3 heures Accessibilité débutants 76/100
freeCodeCamp/freeCodeCamp#71362 · 3 commentaires ·
Les mainteneurs répondent en général sous 1 jour
-
[Resource]: memsagaOuverteresource-submission validation-passed
Difficulté 1/5 Moins d'une heure Accessibilité débutants 73/100
hesreallyhim/awesome-claude-code#3248 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
awesome-dsh-plugin/awesome-dsh-plugin#9184 ·
Les mainteneurs répondent en général sous 1 jour