Atitit. Web online File Manager best practices (1)---elfinder the way to use the process. Open the Browse for server folder java. NET PHP

Atitit. Web online File Manager best practices (1)---elfinder the way to use the process. Open the Browse for server folder java. NET PHP

1. Environment:: Project Java Web, need to open Browse Server folder pick file, in return ... 1

2. The basic functions to be implemented by the online File Manager:: Specify the start directory, specify the GetFile callback 1

3. Component selection:: Elfinder (3M), PHP Web FTP 1

4. Concept of Elfinder 1

5. Elfinder 1.x Use Process 2

6. Use of Elfinder 2.0 3

6.1. Specify Apache to set up site 3 by port

6.2. Modify the HTML,,,, modify the JS path, configuration definition Language 3

6.3. Modify the start directory and configuration callback 4

7. Implementation of callbacks 5

8. Other Functions 5

9. PHP Trace 6

10. Reference 6

1. Environment:: Project Java Web, need to open Browse Server folder pick file, in return ... 2. The basic functions to be implemented by the online File Manager:: Specify the start directory, specify the GetFile callback

3. Component selection:: Elfinder (3M), PHP Web FTP

Java Components Basic Horse,,, a watt of PHP .... Lin Bar, or Elfinder. PWF not like that door pro

Author:: Old Wow's paw attilax Ayron, email:[email protected]

Reprint please indicate source: Http://blog.csdn.net/attilax

4. The concept of Elfinder

Elfinder is the implementation of the foreground background separation .... Backstage called Conn, return a 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. 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 Use Process

Download Lee Java Selvlet conn,,, down Lei Java demo ... Three, less a watt lib,,, not a row, just run up ...

Required libraries ...

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

Three, walk ten UI hint G.dir or tree.dir new not on .... Change the UI of Li 2.0, three, as if incompatible ....

Son good use Elfinder 2.0 blue ... This looks like the Java version of the horse.

6. Use of Elfinder 2.0

Son good use Elfinder 2.0 blue ... This looks like the Java version of the horse. No crown tiles, down a PHP

The ha ....

6.1. Specify Apache to set up a site by port

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// open Permissions , prepare three 403 errors ...

Satisfy All

</Directory>

</VirtualHost>

6.2. Modify the HTML,,,, modify the JS path, configure the definition language

Blackheads are Google's path ...

<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>

You can run blue in the middle.

6.3. ModificationsStartCatalogue andConfiguring Callbacks

----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 ' can also use the c://xxx/xx2 Absolute path ...

The ' URL ' can also use the absolute path of the http://xxxxx ...

---HTML

Getfilecallback:function (file) {

Window.opener.CKEDITOR.tools.callFunction (funcnum, file);

Window.close ();

Alert ("--" +file);

}

7. Implementation of callbacks

You can pick a file on the toolbar using the icon ... can also be directly double-clicked Trigger ...

8. Other functions

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. The trace of PHP

Not a try Catch includes, , three ma shi hemp output ,, about ten not an abnormal ruler LAN bar . or you can go. Catch their own definition of ex. .

10. Reference

Connector configuration Options · Studio-42_elfinder Wiki ·  GitHub

Integration with CKEditor • Studio-42_elfinder Wiki ·  GitHub

PHP debug_backtrace () function . htm

PHP Debugging tool debug_print_backtrace () _php Tips _ Scripting House

PHP 's gettrace

Atitit. Web online File Manager best practices (1)---elfinder the way to use the process. Open the Browse for server folder java. NET PHP