Wednesday, April 5th, 2006
Ajax Directory Management
Chris Lufer has created another ajax file management system using Prototype, Scriptaculous, and lots of his own JS.
What makes this different?
- ajax based directory listing
- drag and drop ability to move files and folders just like you would
expect an OS to behave - an upload system that’s integrated right into the UI. The progress is
ajax powered with the help of perl and php in the backend. - ‘download cart’ for batch file downloading or emailing files
- File info and meta data






3.7 rating from 259 votes







Is there a link or just pretty screenshots?
Wouldn’t it be really neat if you actually published the URL so we can all go take a look at this sweet new release?
Just a thought… ;)
-E
Negative. This is a showcase in sweet photoshopping skills. Honestly, what more can be done to PLEASE people like you. It used to be that you could release some developmental images created for prototyping and everyone would get all happy. But is that good enough for people like you? Noooo….
Honestly, you make me sick. How about a little bit of imagination? How about you IMAGINE that when you click those little buttons and UI controls that nifty little scriptaculous effects are firing off in the background. It’s not that difficult. Heck, all the effects probably look exactly like every other page on the internet, so it’s not like you have to get really creative with it here…
Sheesh…
/me shakes his head.
(in all seriousness, I want the URL too. Cough it up pal.)
:D
-E
Where this link to see the application functioning….???
I, too, would love to see a link to this neat app!
Wow, this is ripe for the hacking. You’re almost giving people filesystem-level access and hoping that they don’t figure out a way to escape characters or notice something else you overlooked.
I’ve made a drag and drop file management system too.. but went more in the OS windows kinda direction. It’s kinda funky.. but a little rough the edges. (I’m working on a cleaner version.)
( http://ipdb.ath.cx/_pubtest/res2k6/manage.asp )
I really need to find a good way to make thumbnails of different types of documents on a linux server. - Like the screenshot with this article showing the PDF.
“Wow, this is ripe for the hacking. You’re almost giving people filesystem-level access and hoping that they don’t figure out a way to escape characters or notice something else you overlooked.”
There’s always the possibility that the directory structure of this project is virtual and held in a database rather than directly in the filesystem!? (though I’m probably wrong!!!) :)
Want URL too!!! Google finds nothing!
without a link, this article just is a waste of my time…
This is soooo yesterday hehe 8P.
.Mac’s iDisk service has an ajax file manger, you can even upload files
Hey Guys, sorry for the delay, but here is the link.
Duarte Design Extranet
Username: demo , Password: demo
You can upload, download, move, rename, delete as you wish. But try not to completely ruin it for others!
This app was developed for Duarte Design as a client pickup-dropoff file management area. Also, I want to give credit to my co-developer David Barshow.
What are the chances we’ll get the source code? Nil?
Very nice Chris. Any possibility the code will be published under an open source license?
Chances are high that a simplified version will be released in the near future, free and open-source. The backend is php/mysql with a smidge of perl for the uploader.
[...] Si moltiplicano, letteralmente, gli esempi di applicazioni web che simulano o eguagliano o migliorano funzioni tradizionalmente impiantate ed utilizzate localmente. Segnalo ad esempio, via ajaxian, questo manager di filesystem (username: demo password: demo) che dimostra se non altro che i segretissimi progetti di Google, così segreti che li so pure io, per la creazione di un super sistema operativo (GooOs, se interessa), non sono poi così campati in aria. [link] [...]
Any chance you’ll take email addresses or something to let us know when we can play with it?
WOAH this is way better than iDisk…. how does it get thumbnails of pdf’s???
Very cool - I’d love to see it integrated into Wordpress. Maybe with an editor built in for editing text or HTML files.
What the heck? If you’re not going to give a link, at least give an explanation as to why (going commercial, etc.). Otherwise, let the Photoshopper accusations continue!
The link is above you in a commnet by Mario.
Nope, the comment is by Chris… the name of the poster appears below the comment.
Very nice, by the way.
[...] Ajaxian » Ajax Directory Management Very well designed AJAX file manager. (tags: ajax) [...]
A nice alternative is fileNice™ — it’s open-source and free!
Im sorry, this may be a really dumb question, but I am new to AJAX. Lets just say for a moment you rolled that nift AJAX app out as a web service. Lets say you had 500 accounts on one server. In comparrison to straight PHP, boring select file upload ect, is AJAX more server resouce intensive? Woulld 500 AJAX enabled accounts comparred to 500 straight PHP accounts show a huge difference in server resource consumption?
Jason,
Here is the thing, ajax requests data. So if ajax is requesting data from php then its the same as the origional 500 php calls. The advantage come in where you arn’t sending large quanties of imformation to the browser every time you make a change. So, for example, in this app every time you make a change it happens instantly behind the scene. But it isn’t much of a change for the server.
Thanks David for explaining that without be-littling me. I really appreciate it. AJAX is certiantly getting interesting.
Cool Ajax Directory Manager
From Ajaxian:
Chris Lufer has created another ajax file management system using Prototype, Scriptaculous, and lots of his own JS.
You can check out the demo here. An interesting and useful Ajax implementation. Rumour has it that it will be released und…
You’ve been
http://digg.com/programming/Yet_Another_Ajax_File_Management_System_
You mentioned the backend is mysql/php. So am I correct that it doesn’t reflect a directory structure but rather mysql entries ?
hayssam,
the backend is mysql/php However, we built this specifically for Duarte Design and one of there requirements was to be able to edit a directory structure. So, the files are maintained both in the database and in the filestructure. Any change you make in either will be reflected in both. We were thinking of putting up an ftp site to prove that this was true… but to many security risks.
If you want more information check out http://www.ecosmear.com/article/ajax-directory-management which is where chris typed up a nice description of relay.
-David Barshow
Do you use nested tree or something like this for the mysql structure ?
Jeremie,
Nope, the filesystem part of the database houses the filename and the path as well as the metainfo and thumbnail. It is somewhat nested in the fact that part of the directory structure is derived from a clients table. This again goes back to building the app for Duarte Design and their need for multiple clients. Hopefuly this answers your question. If you want to see the actual database structure look me up on digg as davidmba .
Weird, people talking here about Javascript sessions…
I’ve been using ASP and have found that when you call pages through XMLHTTP requests… the ASP sessions still work fine.
I imagine the same is true for PHP. — Anyone know??
method,
we use phpsessions for our xmlhttp requests, they work awesome
Has a few layout issuse’s but but overall is a well built app. Nice work I say.
Hope to see some source code soon :)
I work at a place where they have IE 6 only and with ActiveX disabled. One thing that astonishes me is that there are so many websites out there using Ajax, that simply don’t inform the user that they need to enable ActivX to use the website.
Like this application, you press the login button and nothing happens, no error message nothing. I am not saying it should work anyway, I simply think that it inform the user that something went wrong.
José Jeria no need to enable ActivX, works fine there on IE6.
I have to say - if someone mentions AJAX and ‘insecure’ in the same breath, they do not understand web devleopment.
all sessions work fine - just send the cookies in the header..
http://relay.statsinsight.com/digg.html
Very, very nice. You deserve to be proud.
It’s cool, not so cool ;-) I’m talking like that cause I was looking for a multi file upload, a way to avoid the user the single selection of the files… I’m not even sure that the browser browse capabilities allow to do so… if anybody knows a way (not using Java or zipping the directory) call me.
thanks,
Enrico
Guys that was more impressive. Think some ergonomic way of usage like listing details of file selected to the right side and please Dont try to change the way people move in the browser.
thanks
Ranjith
Enrico, yes you can do multi upload with standard multipart form. You might want to search on google for this subject.
Btw, nice work. My suggestion will be to create a file browser system that can be embeded into a form, just like the one for fckeditor. Imagine having a filed in database that need to be filled with filename. If we have a separate iframe/javascript popup window to allow us browse the files on the server and upload/create new folder on that window, and later selected the file that I want, and the window will close by itself and auto populate the textbox on the form with the corresponding file path.
I got this idea from fckeditor resource browser located on mcpuk website.
Sincerely,
Here is th elink boys ! :
http://relay.statsinsight.com/relay.html
I like the general look and feel… could use some improvements though… but over-all i think a job well done. It is a shame the code is not distributable :-(
When will it be downloadable ?
I think that this is really cool. How do you get an account?df
hiho
i want to use the script for my own free filehoster openFTP :)
the directory listing is generated by apache and very slow :/
look here
maybe you wanna try it on a heavy traffic server ;)
cya
openFTP
We’ve released a beta version of our software for download at
http://ecosmear.com/relay/
Regards,
Chris Iufer
[...] Finally, my prayers have been answered! Relay appears to be the very same Ajax Directory Manager I blogged about a few months ago. Now it is available on the GPL! Like all quality software these days, it’s currently beta software. It will also only install with a MySQL back end, which is a bummer, as I prefer to use PostgreSQL … but I guess you can’t have everything. [...]
Hi…
Well i have used it on Lan… But my friend i guess that you have forgotten to do some testing on large files… When you download large files or have lot of conections.. you get the following error.. can you explain why?? Also many downloads on my intranet are of ISO images which are heavy and large
Fatal error: Allowed memory size of 8388608 bytes exhausted (tried to allocate 25568220 bytes) in /var/www/intranet/relay.php on line 253
Where can I get this script?
Just FYI
Very simple, very primitive. Very robust. I’ve expanded it in some of my own work (behind corporate firewall, and you can’t see it. So there.)
Concerning the “Fatal Error Allowed memory size of 8388608 bytes exhausted (tried to allocate 25568220 bytes) in /var/www/directory/relay.php on line 253″:
If I double-click a large file (56MB), it downloads with no problem. If I drop it in the Download Cart, I get the fatal outofmemory message.
Any thoughts?
Hello,
I found another ajax file browser : http://ajaxfb.jc21.com/
regards
Nico
Any news about relay project?
is a new version avalaible?