Wednesday, April 5th, 2006

Ajax Directory Management

Category: Showcase

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

Duarte Directory Viewer

Related Content:

Posted by Dion Almaer at 9:33 am
55 Comments

+++--
3.7 rating from 288 votes

55 Comments »

Comments feed TrackBack URI

Is there a link or just pretty screenshots?

Comment by Gareth Andrew — April 5, 2006

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

Comment by Eric Ryan Harrison — April 5, 2006

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

Comment by Eric Ryan Harrison — April 5, 2006

Where this link to see the application functioning….???

Comment by Raphael — April 5, 2006

I, too, would love to see a link to this neat app!

Comment by Raymond Brigleb — April 5, 2006

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.

Comment by Joe Grossberg — April 5, 2006

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!!!) :)

Comment by method — April 5, 2006

Want URL too!!! Google finds nothing!

Comment by Dave — April 5, 2006

without a link, this article just is a waste of my time…

Comment by casey — April 5, 2006

This is soooo yesterday hehe 8P.

.Mac’s iDisk service has an ajax file manger, you can even upload files

Comment by Mario — April 5, 2006

What are the chances we’ll get the source code? Nil?

Comment by ceejayoz — April 5, 2006

Very nice Chris. Any possibility the code will be published under an open source license?

Comment by Kyle Adams — April 5, 2006

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.

Comment by Chris Iufer — April 5, 2006

[...] 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] [...]

Pingback by MezzoMondo » Blog Archive » Un sistema operativo — April 5, 2006

Any chance you’ll take email addresses or something to let us know when we can play with it?

Comment by Aaron N. — April 5, 2006

WOAH this is way better than iDisk…. how does it get thumbnails of pdf’s???

Comment by Mario — April 5, 2006

Very cool – I’d love to see it integrated into WordPress. Maybe with an editor built in for editing text or HTML files.

Comment by Patrick Fitzgerald — April 5, 2006

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!

Comment by Nick — April 5, 2006

The link is above you in a commnet by Mario.

Comment by Bryce — April 5, 2006

Nope, the comment is by Chris… the name of the poster appears below the comment.

Very nice, by the way.

Comment by CodeFX — April 5, 2006

[...] Ajaxian » Ajax Directory Management Very well designed AJAX file manager. (tags: ajax) [...]

Pingback by BarelyBlogging » Blog Archive » links for 2006-04-06 — April 5, 2006

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?

Comment by Jason — April 5, 2006

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.

Comment by David Barshow — April 5, 2006

Thanks David for explaining that without be-littling me. I really appreciate it. AJAX is certiantly getting interesting.

Comment by Jason — April 5, 2006

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…

Trackback by HTNet — April 5, 2006

http://digg.com/programming/Yet_Another_Ajax_File_Management_System_

Comment by Soundsys — April 6, 2006

You mentioned the backend is mysql/php. So am I correct that it doesn’t reflect a directory structure but rather mysql entries ?

Comment by hayssam — April 6, 2006

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

Comment by David Barshow — April 6, 2006

Do you use nested tree or something like this for the mysql structure ?

Comment by jeremie — April 6, 2006

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 .

Comment by David Barshow — April 6, 2006

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

Comment by method — April 6, 2006

method,
we use phpsessions for our xmlhttp requests, they work awesome

Comment by David Barshow — April 6, 2006

Has a few layout issuse’s but but overall is a well built app. Nice work I say.

Comment by JT... — April 6, 2006

Hope to see some source code soon :)

Comment by jeremie — April 6, 2006

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.

Comment by José Jeria — April 6, 2006

José Jeria no need to enable ActivX, works fine there on IE6.

Comment by jeremie — April 6, 2006

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

Comment by krazykarl — April 6, 2006

http://relay.statsinsight.com/digg.html

Comment by wee — April 6, 2006

Very, very nice. You deserve to be proud.

Comment by KrisG — April 6, 2006

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

Comment by agenteo — April 10, 2006

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

Comment by Ranjith — April 10, 2006

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,

Comment by Wendy — April 12, 2006

Here is th elink boys ! :

http://relay.statsinsight.com/relay.html

Comment by Julien — April 25, 2006

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

Comment by Michael — May 2, 2006

When will it be downloadable ?

Comment by Guyhom — May 3, 2006

I think that this is really cool. How do you get an account?df

Comment by Ioannus de Verani — May 8, 2006

We’ve released a beta version of our software for download at

http://ecosmear.com/relay/

Regards,
Chris Iufer

Comment by Chris Iufer — June 29, 2006

[...] 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. [...]

Pingback by Open Source Heaven » Open Source Ajax file manager — July 1, 2006

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

Comment by Tarun Pasrija — September 4, 2006

Where can I get this script?

Comment by Travel — September 12, 2006

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

Comment by Chris Marshall — September 16, 2006

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?

Comment by Chrissy — May 10, 2007

Hello,

I found another ajax file browser : http://ajaxfb.jc21.com/

regards
Nico

Comment by Nico — June 8, 2007

Any news about relay project?
is a new version avalaible?

Comment by mmtest — September 7, 2007

We have just released beta of our new product – IT Hit AJAX File Browser. Here is the online demo: http://www.ajaxfilebrowser.com

Our AJAX File Browser utilizes standards-compliant WebDAV XML for communicating with server. The server can run server based on .NET Framework, Java, PHP, or any other programming language.

If you run Microsoft Internet Explorer you can create and open for editing Microsoft Word, Excel, Power Point documents directly from AJAX Browser interface and then save them back to server from Microsoft Office user interface without the need to download them to local file system or installing any third-party tools.

AJAX File Browser Home: http://www.webdavsystem.com/ajaxfilebrowser
Download: http://www.webdavsystem.com/ajaxfilebrowser/download

Comment by ITHit — January 22, 2009

Leave a comment

You must be logged in to post a comment.