专栏首页技术向网页文件浏览器

网页文件浏览器

本文由腾讯云+社区自动同步,原文地址 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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 安装redsocks时碰到的问题

    shadowsocks是一种流量代理软件,它可以在本机开放一个端口,所有发往该端口的数据都会被代理转发。那如果我们想转发所有流量到代理呢?这就是redsocks...

    羽翰尘
  • 想实现全网数据的清洗与聚合?从爬虫做起

    本文由腾讯云+社区自动同步,原文地址 http://blogtest.stackoverflow.club/96/

    羽翰尘
  • revealjs的善良与谎言

    临时方案: cancel打印,回到?print-pdf-now#/路径,然后再打印,公式就会解析了。

    羽翰尘
  • 比尔·盖茨:我不认为中国AI能弯道超车

    李根 发自 凹非寺 量子位 报道 | 公众号 QbitAI 微软创始人比尔·盖茨,怎么看当前AI发展态势? 在近日接受CNN采访中,他就向记者Fareed Z...

    量子位
  • 普京:领导AI者将统领世界,未来战争派无人机上场即可

    【新智元导读】俄罗斯总统弗拉基米尔·普京(Vladimir Putin)最近在一次对学生的讲话中称,谁能在发展人工智能上取得突破,谁就能统治世界。本文将简单介绍...

    新智元
  • 010HTML页面加载和解析流程详细介绍

    上善若水.夏
  • Electron 无边框窗口开启全局拖拽

    最近有个需求,Electron 打开的窗口要实现拖拽功能,大概看了一眼 BrowserWindow 的 API 却只找到了一个 move 事件,这个事件默认是针...

    savokiss
  • 服务网格|xDS

    https://www.envoyproxy.io/docs/envoy/latest/intro/what_is_envoy

    heidsoft
  • AutoML破解深度学习寒冬论,夏粉教小白5分钟搞定机器学习建模

    新智元
  • 前端技术提高页面加载速度

    一、使用良好的结构 可扩展 HTML (XHTML) 具有许多优势,但是其缺点也很明显。XHTML 可能使您的页面更加符合标准,但是它大量使用标记(强制性的 ...

    幽鸿

扫码关注云+社区

领取腾讯云代金券