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

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>

更多的选项参数请看这里

举报
红薯
发帖于7年前 37回/17K+阅
顶部