快速开始

File Preview 是一个现代化的文件预览组件，提供功能完全对等的 React 和 Vue 3 两个版本。

特性

• 多格式支持 - 支持图片、视频、音频、PDF、Office 文档、Markdown 和代码文件
• 双框架 - React 18+ 与 Vue 3 完整对等版本
• 可定制 - 支持自定义渲染器和主题
• 响应式 - 完美适配桌面和移动设备
• 易于集成 - 简单的 API 设计
• TypeScript - 完整的类型定义

选择你的框架

React

pnpm add @eternalheart/react-file-preview

Vue 3

pnpm add @eternalheart/vue-file-preview

哪个版本适合我？

• 你的项目是 React 18+ → 选 @eternalheart/react-file-preview
• 你的项目是 Vue 3.4+ → 选 @eternalheart/vue-file-preview
• 两个版本的 props/组件名/行为完全一致，仅 API 风格遵循各自框架的惯例

在线示例

• React 在线示例
• Vue 在线示例

下一步

• 安装 - 了解如何安装和配置
• 基础用法 - 学习基本使用方法
• 支持的文件类型 - 查看所有支持的文件格式