← Coherent: Cocoa Databinding for Ajax

Gallery Of The World’s Power Sockets →

FancyUpload: Swiff meets Ajax

View original post found on Ajaxian » Front Page authored by Dion Almaer

April 28th, 2008 | ajax

FancyUpload

Harald Kirschner has created a new version of FancyUpload “a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar.”

A good example is the Queued Photo Uploader which is coded by:

PLAIN TEXT
JAVASCRIPT:

  1.  
  2. var swiffy = new FancyUpload2($(‘demo-status’), $(‘demo-list’), {
  3.         ‘url’: $(‘form-demo’).action,
  4.         ‘fieldName’: ‘photoupload’,
  5.         ‘path’: ‘../../source/Swiff.Uploader.swf’,
  6.         ‘onLoad’: function() {
  7.                 $(‘demo-status’).removeClass(‘hide’);
  8.                 $(‘demo-fallback’).destroy();
  9.         }
  10. });
  11.  
  12. /**
  13. * Various interactions
  14. */
  15. $(‘demo-browse-all’).addEvent(‘click’, function() {
  16.         swiffy.browse();
  17.         return false;
  18. });
  19.  
  20. $(‘demo-browse-images’).addEvent(‘click’, function() {
  21.         swiffy.browse({‘Images (*.jpg, *.jpeg, *.gif, *.png)’: ‘*.jpg; *.jpeg; *.gif; *.png’});
  22.         return false;
  23. });
  24.  
  25. $(‘demo-clear’).addEvent(‘click’, function() {
  26.         swiffy.removeFile();
  27.         return false;
  28. });
  29.  
  30. $(‘demo-upload’).addEvent(‘click’, function() {
  31.         swiffy.upload();
  32.         return false;
  33. });
  34.  

0 comments ↓

There are no comments yet...Kick things off by filling out the form below.

Leave a Comment