在内网、局域网业务系统开发中文件预览一直是非常头疼的痛点。很多现有预览组件依赖构建工具、需要引入一堆零散依赖库在内网离线环境下CDN资源无法加载组件直接失效file://本地协议下浏览器安全策略限制fetch请求本地文档打不开PDF、Word、Excel、图片、音视频需要分别引入不同预览库各套组件API不一致接入繁琐私有化部署要处理大量静态资源维护成本居高不下。allfile‑preview开源UMD免构建文件预览插件专门解决内网局域网场景下的各类文件预览难题一个文件搞定全类型文档预览能力。✨核心亮点 UMD单文件免构建零打包依赖直接通过script标签引入allfile‑preview.umd.cjs即可使用不需要Vite、Webpack等构建工具。pdf.js、docx‑preview、SheetJS全部内置内联不需要额外下载多个JS库。局域网/离线私有化部署只需要分发这一个文件没有外部CDN依赖断网环境照样工作。完美兼容file://本地协议突破浏览器安全限制很多预览库在本地双击打开htmlfile://协议直接报错浏览器禁止fetch读取本地文件。allfile‑preview做了适配选择本机文件后自动转为blob URL全部解析运算在浏览器本地完成不上传服务器本地双击页面也能正常预览PDF、TXT、DOCX、XLSX文档HTTP/局域网地址环境可直接传入内网资源URL预览文件。多格式统一预览一套组件覆盖绝大多数常见格式文档PDF、TXT、DOCX、XLSX多媒体图片、视频、音频一套统一调用方式不用为不同文件格式维护多套预览逻辑极大减少业务代码量。高度适配内网/局域网业务场景非常适合OA系统、内网文档管理、局域网网盘、本地工具页面、私有化项目离线环境无外网访问不依赖外部网络资源不想搭建后端转码服务全部前端浏览器本地解析快速原型页面、内网小工具不想搭建工程化构建环境直接htmlscript引入即用保护文件隐私文件数据不会上传第三方服务全部在前端浏览器处理快速上手只需要一行script标签引入无需npm install无需构建编译script src./allfile-preview.umd.cjs/script引入完成即可调用预览能力双击本地HTML文件file://协议就能体验完整预览部署内网web服务填入局域网资源地址即可在线预览内网文档。在线演示地址https://allfile-preview.softinstall.top/开源仓库欢迎Star、Issue、PRhttps://github.com/ankeji/allfile-preview适合谁前端开发者内网项目、私有化系统需要文档预览又不想维护后端转码服务工具开发者写本地HTML小工具希望双击打开就能预览各类本地文件企业内网系统OA、档案、文档管理平台追求离线可用、少依赖、易部署不想引入重型预览组件追求单文件、轻量、开箱即用的开发者以往做内网文件预览要么搭建复杂的后端文档转码服务要么引入一堆碎片化预览库还要处理file://协议各种浏览器限制。现在使用allfile‑preview一个UMD文件就把这些痛点全部抹平本地、局域网环境都可以稳定实现统一文件预览。开源项目欢迎大家试用反馈如果对你有帮助欢迎前往GitHub点Star支持项目持续迭代。如果你需要我可以再帮你输出简短掘金版本适合发布社区、朋友圈/技术群短宣传文案两个版本。
