atitit. web 在线文件管理器最佳实践(1)--- elFinder 的使用流程解决之道 。打开浏览服务器文件夹java .net php
1. 环境:::项目java web,需要打开浏览服务器文件夹挑选文件,在返回... 1
2. 在线文件管理器要实现的基本的功能::指定开始目录,指定getfile回调 1
3. 组件选型:: elFinder (3M) ,,php web ftp 1
6.2. 修改html,,,,修改js路径,配置定义语言 3
1. 环境:::项目java web,需要打开浏览服务器文件夹挑选文件,在返回...
2. 在线文件管理器要实现的基本的功能::指定开始目录,指定getfile回调
3. 组件选型:: elFinder (3M) ,,php web ftp
java的组件基本马,,,php的一瓦....林吧,还是 elFinder ..pwf好像不那门pro
作者:: 老哇的爪子 Attilax 艾龙， EMAIL:1466519819@qq.com
转载请注明来源： 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:workspacevodxWebRoot"
<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
