Home

Keebler/Blog

« Why You Should Hate Microsoft (and Apple)
hardy vs. hearty »

Uploading files with progress bar without server-side callbacks

I’ve been looking for an easy way to add uploading to WhyYouShould for a while now. My main problem is that I built the site completely in ASP.NET, and without buying some expensive Control (or spending months writing it myself ;) ), it’s hard to do uploading with a progress bar. Also, it seemed next to impossible to get away from the ugly “Browse…” button.

I came across SWFUpload on Ajaxian today. The author has solved this problem (for all frameworks, not just ASP.NET) by combining the easy-of-use of Flash 8 for image uploading, with some tie-ins to Javascript. When you click your “browse” button (which can be skinned however you like), Javascript launches the file browser built into a hidden Flash file to select a file (or multiple files at once). Then, when you are ready, the hidden Flash file starts the upload and displays the upload progress. The file upload itself is done via a POST, so it will work for any web framework.

Pretty slick, eh! I know Jay is going to say, “Yah, Flash is awesome for file uploading. Didn’t you know that?” ;)

SWFUpload

SWFUpload

Related Posts

  • VIDEO: New Image Uploading Features
  • Transferring Large Files Online
  • Client-Side crypt(3) Using Javascript
  • Citytv has left the (side of the) building
  • ShiftEdit Moves to GoGrid Grid-Server Hosting

This entry was posted on Wednesday, March 21st, 2007 at 9:19 pm and is filed under Web Development. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “Uploading files with progress bar without server-side callbacks”

  1. Mike Sukmanowsky says:
    April 1, 2007 at 6:55 pm

    Hmm…ever thought about just doing some kind of div that pops up with an animated gif saying “uploading”. Granted it doesn’t display the progress, but at least it is providing some kind of feedback to the user.

    Something like this image ought to do the trick:
    http://us.i1.yimg.com/us.yimg.com/i/us/per/gr/gp/rel_interstitial_loading.gif

    Lemme know what you think!

Leave a Reply

Click here to cancel reply.

  • Blog Home

  • Tags

    90210 alessandra ambrosio animals asp.net audrina patridge battlestar galactica bikini bunny bush C# canada canada election ctv ctvglobemedia development Election Entertainment/Celebrity facebook Gordon Ramsay gorilla gossip girl hayden panettiere iphone last.fm liveblog liveblogging mesh08 muchmusic Music obama palin rachel bilson scribblelive shenae grimes subway telemarketers the hills the killers the office toronto ttc toronto tv us election video yeah yeah yeahs

    WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

  • Recent Posts

    • Trying to convince @idiotbante…
    • I wonder if the CTV “Save Loca…
    • Just finished dinner which I m…
    • I shouldn’t get as excited abo…
    • Stormtroopers’ 9/11 http://tin…
  • Categories

    • Election
    • Entertainment/Celebrity
    • Fake News
    • Featured
    • Funny
    • Keebler/Show
    • Music
    • My Releases
    • On-the-Road
    • RedDot
    • Reviews
    • Science/Technology
    • ScribbleLive
    • Security
    • Software
    • Torrent Live Stats
    • Tweets
    • Uncategorized
    • Web Development
  • Blogroll

    • Kitten-Monkey’s Cell
    • :: kattekylling ::
    • Adam Finley
    • blog-j
    • fuzzz.gaulin.ca
    • Idiot Banter
    • mad.greyarea.com
    • ob.blog
    • PollyPrissyPants
    • RedDot CMS Users Google Group
    • ScribbleLive Official Blog
  • My Sites

    • Flickr2Facebook
    • RedDot CMS
    • ScribbleLive
    • Where are my f(acebook)ing friends?
    • WhyYouShould