kkviewfile支持类型

### kkFileView 支持的文件类型

kkFileView 提供了一个全面的在线文件预览解决方案，能够处理多种类型的文件。具体来说：

#### 办公文档
支持常见的办公软件生成的文档，包括但不限于 Office 文件和 PDF 文档[^1]。

- Microsoft Word (.doc, .docx)
- Microsoft Excel (.xls, .xlsx)
- Microsoft PowerPoint (.ppt, .pptx)
- Adobe Acrobat Document (.pdf)

#### 纯文本文件
涵盖了各种编程语言源码以及标记语言文件的支持。

- Plain Text File (.txt)
- Extensible Markup Language (.xml)
- Markdown (.md)
- Java Source Code (.java)
- PHP Script (.php)
- Python Script (.py)
- JavaScript (.js)
- Cascading Style Sheets (.css)

#### 压缩包
对于压缩文件也提供了良好的兼容性，允许用户解压查看其中的内容而无需下载整个压缩包到本地机器上。

- ZIP Archive (.zip)
- RAR Archive (.rar)
- JAR Archive (.jar)
- Tape ARchive (.tar)
- GZIP Compressed Data (.gz)

#### 图片格式
除了上述类别外，还特别针对图像类文件进行了优化，不仅限于基本显示功能，还包括了一些简单的编辑操作如旋转、放大缩小等功能。

- JPEG Image (.jpg, .jpeg)
- Portable Network Graphics (.png)
- Graphics Interchange Format (.gif)
- Tagged Image File Format (.tif, .tiff)

<el-dialog v-model="dialogVisible" title="预览">
    <iframe style="width: 100%; height: 500px" :src="previewUrl + previewImgUrl"></iframe>
</el-dialog>

<script setup lang="ts">
import { encode } from 'js-base64';
const previewUrl = import.meta.env.VITE_FILE_PREVIEW_URL;
// Example URL: http://example.com/kkfile/onlinePreview?url=
let previewImgUrl = ref("");

export const onPreview = (url: string) => {
    return encodeURIComponent(encode(decodeURIComponent(url)));
};
</script>