atitit. web 在线文件管理器最佳实践(1)--- elFinder 的使用流程解决之道 。打开浏览服务器文件夹java .net php

atitit. web 在线文件管理器最佳实践(1)--- elFinder 的使用流程解决之道 。打开浏览服务器文件夹java .net php

1. 环境:::项目java web,需要打开浏览服务器文件夹挑选文件,在返回... 1

2. 在线文件管理器要实现的基本的功能::指定开始目录,指定getfile回调 1

3. 组件选型:: elFinder (3M) ,,php web ftp 1

4. elFinder 的概念 1

5. elFinder  1.x 的使用过程 2

6. elFinder 2.0 的使用 3

6.1. 指定apache按照端口建立站点 3

6.2. 修改html,,,,修改js路径,配置定义语言 3

6.3. 修改start目录and配置回调 4

7. 回调的实现 5

8. 别的功能 5

9. php的trace 6

10. 参考 6

1. 环境:::项目java web,需要打开浏览服务器文件夹挑选文件,在返回...

2. 在线文件管理器要实现的基本的功能::指定开始目录,指定getfile回调

3. 组件选型:: elFinder (3M) ,,php web ftp

java的组件基本马,,,php的一瓦....林吧,还是 elFinder  ..pwf好像不那门pro

作者:: 老哇的爪子 Attilax 艾龙，  EMAIL:[e-mail]

转载请注明来源： http://blog.csdn.net/attilax

4. elFinder 的概念

elFinder 是前台后台分离的实现....后台叫conn,返回一个json

3rd party connectors

--------------------

* [Python](https://github.com/Studio-42/elfinder-python)

* [Django](https://github.com/mikery/django-elfinder)

* [Ruby/Rails](https://github.com/phallstrom/el_finder)

* [Java Servlet](https://github.com/Studio-42/elfinder-servlet)

* [ASP.NET Integration](http://code.google.com/p/elfinderintegration/)

* [elFinder .Net connector](http://elfinderconnectornet.codeplex.com/)

Support

-------

* [Homepage](http://elfinder.org)

* [Wiki](https://github.com/Studio-42/elFinder/wiki)

5. elFinder  1.x 的使用过程

下载李java selvlet conn,,,down lei java demo...三,少一瓦lib,,,不个哪都行上,才运行起来...

需要的库...

2008-04-15  20:00           471,040 cmd.exe

2014-10-05  08:23           232,771 commons-codec-1.6.jar

2014-10-05  08:22           143,602 commons-digester-1.8.jar

2014-10-05  07:47            59,590 commons-fileupload-1.2.2.jar

2014-10-05  07:29           173,587 commons-io-2.2.jar

2014-10-05  07:27           315,805 commons-lang3-3.1.jar

2014-10-05  07:25            32,036 elfinder-servlet-1.2.0-SNAPSHOT.jar

2014-10-05  07:42            42,791 java-image-scaling-0.8.5.jar

2014-10-05  07:49           159,123 json-lib-2.4-jdk15.jar

2014-10-05  08:11           350,627 log4j-1.2.11.jar

2014-10-05  08:11           600,236 mchange-commons-java-0.2.6.3.jar

2014-10-05  08:18           119,180 mime-util-2.1.3.jar

2014-10-05  07:51           119,888 org.json.jar

三,走十ui提示g.dir  或者tree.dir 新不上....更改李2.0的ui,三,好像不兼容....

子好使用elFinder 2.0 兰...这个好像马java版本..

6. elFinder 2.0 的使用

子好使用elFinder 2.0 兰...这个好像马java版本..不官子瓦间,down个php

的哈来....

6.1. 指定apache按照端口建立站点

Listen 8888

NameVirtualHost *:8888

<VirtualHost *:8888>

# jeig docurrot cant finish by fesyegeor ,,beirs cant root..

DocumentRoot "D:\workspace\vodx\WebRoot"

<Directory />

Options FollowSymLinks

AllowOverride None

Order deny,allow

Allow from all    //打开权限,备儿三403错误...

Satisfy all

</Directory>

</VirtualHost>

6.2. 修改html,,,,修改js路径,配置定义语言

黑头都是google的路径...

<link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui.css">

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.8.20.js"></script>

<!-- elFinder translation (OPTIONAL)

<script type="text/javascript" src="js/i18n/elfinder.ru.js"></script>

-->

<!-- elFinder initialization (REQUIRED) -->

<script type="text/javascript" charset="utf-8">

$().ready(function() {

var elf = $('#elfinder').elfinder({

url : 'php/connector.php',  // connector URL (REQUIRED)

lang: 'en' ,           // language (OPTIONAL)

getFileCallback : function(file) {

//window.opener.CKEDITOR.tools.callFunction(funcNum, file);

//window.close();

alert( "--"+file);

}

}).elfinder('instance');

});

</script>

中间就能跑兰...

6.3. 修改start目录and配置回调

----connector.php

$opts = array(

// 'debug' => true,

'roots' => array(

array(

'driver'        => 'LocalFileSystem',   // driver for accessing file system (REQUIRED)

'path'          => '../../upOa/',         // path to files (REQUIRED)   jeig dir must preMake..beir bao sinbsheod prob

'URL'           => dirname($_SERVER['PHP_SELF']) . '/../../upOa/', // URL to files (REQUIRED)

'accessControl' => 'access'             // disable and hide dot starting files (OPTIONAL)

)

)

);

'path' 也能使用c://xxx/xx2绝对路径了...

'URL'     也能使用http://xxxxx  的绝对路径了...

---html

getFileCallback : function(file) {

//window.opener.CKEDITOR.tools.callFunction(funcNum, file);

//window.close();

alert( "--"+file);

}

7. 回调的实现

可以挑选一个文件,在使用工具栏上的图标...也能直接双击 触发...

8. 别的功能

Features

--------

* All operations with files and folders on a remote server (copy, move,

upload, create folder/file, rename, etc.)

* High performance server beckend and light client UI

* Multi-root support

* Local file system, MySQL, FTP volume storage drivers

* Background file upload with Drag & Drop HTML5 support

* List and Icons view

* Kayboard shortcuts

* Standart methods of file/group selection using mouse or keyboard

* Move/Copy files with Drag & Drop

* Archives create/extract (zip, rar, 7z, tar, gzip, bzip2)

* Rich context menu and toolbar

* Quicklook, preview for common file types

* Edit text files and images

* "Places" for your favorites

* Calculate directory sizes

* Thumbnails for image files

* Easy to integrate with web editors (elRTE, CKEditor, TinyMCE)

* Flexible configuration of access rights, upload file types, user interface

and other

* Extensibility

* Simple client-server API based on JSON

9. php的trace

不个try catch 包括起来,,三马石麻输出,,大概十不个异常尺兰吧..要不走子能catch 自己定义的ex..

10. 参考

Connector configuration options · Studio-42_elFinder Wiki · GitHub

Integration with CKEditor · Studio-42_elFinder Wiki · GitHub

PHP debug_backtrace() 函数.htm

php 调试利器debug_print_backtrace()_php技巧_脚本之家

PHP的getTrace