EsyFileManager - Un file manager in jQuery e PHP

Demo ver 1.2 Touch - by SmartGaP

EsyFileManager

È un filemanager openSource scritto in PHP e jQuery che lavora direttamente sul filesystem senza l'ausilio di un database.

EsyFileManager non necessita di installazioni particolari sul server ed è semplicissimo da installare

Esempio 1 - Standalone



Esempio 2 - Input field

Esempio con link
  
Esempio senza link

È possibile utilizzare esyfilemanager per selezionare file all'interno di un campo di input.

EsyFileManager può essere usato come plugin per editor di testi WysWyg come cKeditor e tinyMCE

Il software è rilasciato con le licenze open source GPL e LGPL

Scarica sorgenteVedi su gitHub

esyFileManager


Versione 1.2 Touch


Funzionalità

1. Rename inline (mantenendo il click sull'elemento selezionato)
2. Upload Asincrono in Ajax
3. Spostamento ed eliminazione con drag&drop
4. Hard disk space o Quota

Istruzioni

Includere la cartella esyFileManager ed il file js/popup.functions.js nel proprio progetto

Include

Includere jQuery ed il file popup.functions.js nel proprio progetto

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="js/popup.functions.js"></script>

Installazione standalone

Creare un bottone

<button class="standalone">Apri filemanger</button>

Inserire il codice per lanciare il filemanager

$(".standalone").click(function(){ popStandalone(); });

Installazione su input field

Creare un campo input per un file

<input type="text" id="file" name="file" >

Aggiungere il codice per lanciare il filemanager specificando l'id del campo di testo

$("#file").click(function(){ popFile("file"); });

Installazione in cKeditor

Installare cKeditor seguendo le istruzioni del produttore http://ckeditor.com

editare il file config.js in cKeditor ed aggiungere la seguente stringa

config.filebrowserBrowseUrl = 'path/to/esyFileManager/index.php?u=2';

Installazione in tinyMCE

Installare tinyMCE seguendo le istruzioni del produttore http://www.tinymce.com

aggiungere la seguente stringa nella funzione tinyMCE.init

file_browser_callback : "esyFileManage"

ed includere il file tinyMCE_connect.js

<script src="js/tinyMCE_connect.js"></script>

Nel caso in cui la cartella esyFileManager sia in una posizione diversa dalla root del sito modificare il path nel file tinyMCE_connect.js con quello corretto

var cmsURL = "/esyFileManager/index.php?u=3"


Esempio 3 - filemanager in cKeditor



Altri Esempi

Aggiunto il supporto per tinyMCE Guarda l'esempio

EsyFileManager - dettagli tecnici

EsyFileManager utilizza le seguenti librerie OpenSource:

Icons

Testato su