本文由腾讯云 社区自动同步，原文地址 https://stackoverflow.club/article/fronted_file_explore/
简介
文件浏览器是用户与计算机内容交互的一个重要的GUI程序，通过文件浏览器可以调用一系列其他文件查看器。
最近在做深度学习的数据网站时，发现需要一个网页端的文件浏览器，所以做了一番研究。
可用的网页文件浏览器
angular-filemanager
github地址
Live demo
注意写此文章时live demo的域名似乎有问题，会被重定向到不明网站
优点：
- 接口简明
- 功能可定制
缺点：
- 界面不够美观
- AngularJs编写，需要用iframe引入到vue项目
laravel-file-manager
github地址
Live demo
laravel-file-manager是一个自成一体的网页端浏览器，其拥有自己的php后端，同样开源。
优点：
- 界面美观
- 支持ACL
- 支持zip与unzip
- 自带文本编辑器与音乐播放器、视频播放器
- 有vue版本
缺点：
- 通信协议有点不够简明
- 不能定制界面与功能
- 自带的文件查看器可能会增大体积
elFinder
github地址
界面挺好看，支持批量压缩下载，支持在线解压。右键的菜单也好看。
并且该功能可以集成到以下cms程序中：
- Django
- Drupal
- Laravel
- Roundcube
- Symfony
- Tiki Wiki
- WordPress
- XOOPS
- Yii
- Zenphoto
缺点就是前后端不分离，需要后端配合。
可能有用的网页文件浏览器实现
某些网页文件浏览器嵌入到更大的项目中了，没有一一剥离测试。
osf
osf是一个开放的科研平台，可以管理科研过程中所有文件、wiki等内容。
github地址
nextcloud
nextcloud是一个网盘软件，它的前端文件浏览器挺不错。
github地址
似乎前端和后端通信使用的是xml。
宝塔
宝塔面板是有一个文件浏览器的，没看具体是如何实现。
宝塔github
宝塔官网
最终实现
最终采用的是vue版本的laravel-file-manager，自己修改了部分源码实现了功能定制。
TODO：
- 开源自己做的修改并给出地址
- 给出一个自己数据网站文件浏览器的live demo
