Tuesday, November 21st, 2006
Dojo File Upload Progress Bar Widget
<p>Jeremy Quinn has created a File Upload Progress Bar Widget in Apache Cocoon using the Dojo framework (which Cocoon has been using in general for about a year now).It is simple to use:
HTML:
-
-
<!-- simple -->
-
<div class="dojo-FormUploadProgress">Upload Progress :</div>
-
-
<!-- full i18n and css -->
-
<div class="dojo-FormUploadProgress"
-
background="#333"
-
color="#ccc"
-
ready="upload:progress.ready"
-
connecting="upload:progress.connecting"
-
i18n:attr="ready connecting">
-
<i18n :text catalogue="upload">progress.title</i18n>
-
</div>
-
Related Content:
3.9 rating from 138 votes
There is a better way to do this, even better with MM Flash 8.
It,s better becouse you can add custom filetypes that will be browsed (All images,All text files etc)
I would have to disagree with Vladislav… a better way would be to not require that users have the newest third party plugin in order to upload a file (not every one has flash 8, or even flash for that matter). Sure it has some cool features, but I can not justify turning potential users away because they can’t upload their photos.
This, however, looks like a very nice simplistic approach (simplistic in implementation into an existing site). I will definitely give this some consideration.
Vlad may be referring to this. It’s awesome:
http://www.tink.ws/blog/filereference-example
To avoid flash you might as well avoid the web. They do go hand in hand. I dont buy the argument that its a burden. These same people say “What if JavaScript is turned off?”, well if its turned off or they dont have flash then they get a message telling them to do so.
great, so instead of requiring people to run flash (which, as much as I hate it, has a pretty solid market penetration percentage), this technique requires the server to run a platform that’s not nearly popular enough to be found on your basic hosting company… meaning the initial cost of setting up a website will be much bigger
Not every flash version is available for every platform.
Personnally, I love that one:
http://ajaxian.com/archives/swfupload-a-nicer-file-upload-experience
but if having Flash on the client rebukes you, why not having a JS solution that choses the best available option for the current client???
I think that almost 80-90% from the users have installed the flash plugin. Yes it’s almost perfect solution. Everyone can make some js to check and if not to insert the ajax version.
I’m curious… do any of these have the capability of drag and drop? I’d like to create an upload where I could simply drag my file to the window and it initiates the upload on the specified file. Is it possible with JavaScript or Flash?
Thanks!
Keep in mind, when you are developing applications for enterprise clients, that you are often constrained by what they have installed on their desktops. Not all large companies allow flash to be installed or run. Heck, we are lucky if they use a recent browser (luckily they do).
Personally, I think both have their advantages but javascript seems to be the most lightweight and flexible solution. I.e. I don’t want to recompile a new flash UI every time I want a new file upload interface.
Not to mention, soon enough flash will be fully accesible through javascript?
http://www.mozilla.com/en-US/press/mozilla-2006-11-07.html
[...] 當我們在利用 AJAX 來傳é€è¡¨å–®ï¼ˆFormï¼‰è³‡æ–™çš„æ™‚å€™ï¼Œå› ç‚ºå®‰å…¨æ€§çš„å•é¡Œï¼Œscript 是沒辦法拿到 <input type=”file” …> 欄ä½ä¸æ‰€é¸æª”æ¡ˆçš„å…§å®¹ï¼Œå‰›çœ‹åˆ°ä¸€ç¯‡æ–‡ç« ä»‹ç´¹å¦‚ä½•ç”¨ Dojo toolkit åŠ ä¸Š Apache Cocoon 來åšå‡ºä¸Šå‚³æª”案時有 progress bar 的效果，感覺ååˆ†ç°¡å–®æ˜“ç”¨ï¼Œè »æœ‰è¶£çš„ï¼ [...]
I think using javascript is the best solution far a progrss bar.
Dojo can be used wid DWR to create a progress bar,
With Javascrispt you can’t create this bar.
Hi guys,
I developed a full javascript uploader
- Progress bar
- customizable ( dojo templating mechanism )
- Free licence ( the same as dojo )
- Internationalizable
- Cross browser compliant
You can see a demo on the website : http://developers.sirika.com/mfu/index.html
I am using uploadify and it uses a mixture of flash and Java – http://www.canvasdezign.co.uk ,
We use it for uploading Canvas Prints