跳到正文
Linasan UI

FilePreview 文件预览

在弹窗里预览图片、PDF、音视频、文本、Markdown、Excel、Word 和压缩包。

previewKindOf(name) 按扩展名决定预览方式。Excel 用 SheetJS、Word 用 docx-preview、压缩包用 JSZip 列目录,都在打开时才按需加载。FilePreview 是不带弹窗的预览区。

安装

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/file-preview.json

第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。

用法

import { FilePreviewDialog } from '@/components/display/file-preview';

<FilePreviewDialog file={file} src={downloadUrl(file)} onOpenChange={…} onPrev={…} onNext={…} />

属性

属性

类型

本页目录