使用 elFinder 实现 Web 的文件管理器

红薯 发布于 2011/06/26 08:43
阅读 18K+
收藏 15

elFinder 是一个基于 Web 的文件管理器,灵感来自 Mac OS X 的 Finder 程序。

elFinder 的安装方法很简单,按照以下几个步骤即可:

1. 引入 jQuery 和 jQuery UI 包

<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="js/ui-themes/base/ui.all.css" type="text/css" media="screen" charset="utf-8">

2. 引入 elFinder 包

<script src="js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/elfinder.css" type="text/css" media="screen" charset="utf-8">

3. 引入本地化包

<script src="js/i18n/elfinder.ru.js" type="text/javascript" charset="utf-8"></script>

4. 初始化服务器端的连接器

使用 jQuery 定制连接器 URL

<script type="text/javascript" charset="utf-8">
   $().ready({
     $('#my-div').elfinder({
       url : 'connectors/php/connector.php',
       lang : 'ru'
     })
   })
</script>

使用构造器

<script type="text/javascript" charset="utf-8">
  $().ready({
    var fm = new elFinder(document.getElementById('my-div'), {
      url : 'connectors/php/connector.php',
      lang : 'en'
    });
  })
</script>

更多的选项参数请看这里

加载中
0
Hartwell
Hartwell
很好,很强大!
0
tangluyou
tangluyou
我用怎么不显示呢,
0
tangluyou
tangluyou
有没有懂的,给点说明呀.
0
tangluyou
tangluyou
还有可以是中文不呢...
0
tangluyou
tangluyou

我运行就是这个样.

0
西安鲲之鹏
西安鲲之鹏
要是加上权限控制就完美了...
0
g
guoyu841020
很给力哦~
0
tangluyou
tangluyou
完全的一个垃圾.
0
xu81.com
xu81.com
这个是浏览服务器文件????结合虚拟机来做虚拟空间WEB管理吗???
0
lxbzmy
lxbzmy

看了源代码,似乎中文的支持不太好了。

windows下面用的话创建一个文件夹显示是你好,实际是浣犲ソ

返回顶部
顶部