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
  • Hurrah, Vista + SQL Server dec…

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. Both comments and pings are currently closed.

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!

  • 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

    • Got tickets for USA vs. Switze…
    • On my way to YYZ to fly to the…
    • RT @scribblelive: Financial Po…
    • In Olympic Skelton, Canadian M…
    • Hoping people keep putting pre…
  • 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