九龙心水论坛开桨:YesFInder-WebFileManager網頁文件管理系統

红姐心水论坛 www.lzuna.icu 12/6/2015來源:Javascript教程人氣:13861

開發原由:

原來想找一下實現可視化圖片上傳程序,先找了elFinder, 結果下來持發現用不了,因為要法的jQuery UI CSS被墻了,搞半天也沒找到可用的;然后就找ckfinder,發現居然是收費的,而且用起來也不順手,于是想能不能自己寫一個。想到這就立即動手,花2天時間完成初步功能,然后再花了3天完善。目前實現了基本功能,現發步出來,供大家參考。

目前實現的功能:

文件上傳、下載、改名、刪除;目錄的新建和改名??裳∠允疚募奔浜臀募笮?。

使用方法:

可單獨使用,也可配合xhEditor等在線編輯器使用,使用方法簡單。

1、單獨使用時,直接上傳到網站即可,配置好CONFIG.php目錄就行。

2、配合xhEditor,直接在upload.html中回調函數中調用callback():

    $('#yesfinder').yesFinder(fucnction(selectedFile){callback(selectedFile)});

3、普通圖片上傳,實現可視化。直接iframe upload.html就行,當然要更改config.php中的路徑和寫好回調函數。

    其實,不用寫回調函數也行,不傳回調函數,yesfinder會自動執行 iframe 父頁面中的yesfinder函數,也即直接寫

      function yesfinder(seletedFile){alert(seletedFile)} 也可以的。

 

看看效果圖吧:

 

下載地址: https://github.com/steven-ye/YesFinder