# vue3-file-preview

**Repository Path**: shengjon/vue3-file-preview

## Basic Information

- **Project Name**: vue3-file-preview
- **Description**: 集成 excel、word、pdf、image 本地路径或者网络路径的文件预览组件，采用 hooks 封装，拿来即用
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2023-04-20
- **Last Updated**: 2025-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: excel预览, word预览, pdf预览, image预览, vue3

## README

# Vue 3 + TypeScript + Vite + hooks

### 运行项目：

- `pnpm i`

- `pnpm run dev`

### 项目采用 `hooks` 封装

### 文件预览需要 `fileUrl` 路径地址 和 `fileType` 文件类型两个参数

### `fileUrl`:

- 图片预览的 `fileUrl` 参数类型为 `string` | `string[]`

- `office` 预览的 `fileUrl` 参数类型为 `string`，值可以为：本地地址、网络地址、`arraybuffer | blob`

### `fileType`:

- `fileType` 参数只接收 `docx' | 'xlsx' | 'pdf' | 'img` 四个类型