Shift8 Creative Graphic Design and Website Development

Agile Uploader


Version 2 released!
Save bandwidth and take the hassle out of getting images down to size for web use. Agile Uploader will let you resize images before uploading to your server using Flash. This is 100% free to use as you see fit (commercially or non-commercially), but donations are always appreciated of course. So is feedback.

Demo

NEW! All Version 2 Demos

Image (allowed types: jpg, gif, png)

Submit

Download

Click to download current version 2.1
(changelog)

Features

  • NEW! Ability to attach and upload multiple files of any type.
  • NEW! Companion jQuery plugin to make it easier to use right away.
  • Preview image sent back to the page from Flash.
    (not compatible with IE6 or IE7)
  • Ability to use a custom attach button graphic.
  • Client side image resize before upload to the server.
  • Enhanced JPG encoding so the images look good (with quality setting).
  • Gathers other form data from the page and posts with image.
  • JavaScript integration and callbacks.
  • Customizable settings that help style the upload widget.
  • Slim compact design and simple integration to help fit any site.
  • Good compatibility; currently tested on IE7, IE8, FF, Chrome, and Safari.

Documentation

Check out the Agile Uploader documention here.



More About this Project

Agile Uploader is a project that I started as a necessity for myself, I have a project where I am doing the hosting and I needed to save on bandwidth costs (potentially) and I also wanted the user experience to be easy. This is where resizing the image on the client side before uploading comes into play

I wanted to design something that looked familiar and just worked for the user. I didn't want to scare them from the upload controls and I didn't want them to grant permission (like various Java tools that resize will do). I wanted the visitor to be able to just browse for a file even if it was directly off a camera's memory card (granted it was JPG format which most point and shoots are now).

Finally, I wanted the design integration (back-end and front-end) to be flexible and fit into any site design. Most Flash upload tools you see are large and have a big box area with all the files that have been attached (I have a better solution for this when I implement multiple file handling). They also have the submit button within the Flash area so it's not intuitive and it dictates design.

Project Update: A minor bug pointed out by a user lead me to make a super quick fix and release version 2.1. The bug fixes an issue when the attached image matches the exact size of the preview max dimensions. It wasn't calling the preview callback. It now is. Yes, I like to be on top of things.

Also Note: There is no security exploit with this version or any version of Agile Uploader. Though, please do be careful with any back-end script that processes files, but please also understand that I can't support or protect against any back-end script's security issues that you may be using.