文件在线预览

问题描述：

前端实现文件在线预览（包括office文件、视频、图片、pdf、ppt）

解决方案：

一、react-file-viewer

相关博文：React中使用react-file-viewer，实现预览office文件（pdf,word,xlsx等文件）前端实现，在浏览器打开文件

原项目为vue项目，需要引入react并进行相应配置（想法挺好的，未实现）

（1）如何在Vue中嵌入React组件？如何在React中嵌入Vue组件？

（2）vue里面引入react并相互通信

二、插件kkFileView（超好用）

官网：https://kkfileview.keking.cn/zh-cn/index.html
码云：https://gitee.com/kekingcn/file-online-preview
github：https://github.com/kekingcn/kkFileView
dockerhub：https://hub.docker.com/r/keking/kkfileview

三、Vue文件阅读器组件FileReader API

input file模式选择文件之后的在线预览------判断项目需求是否适用

 

延伸拓展：

图片预览查看插件Viewer