I was at first concerned because the solution only supports PHP, however members of the Uploadify development community have developed a replacement server-sidescript that will replace the “upload.php” file with a .NET version. You can find that code on their forums here.
Here’s what Uploadify looks like in action:
So how do we implement Uploadify? It’s actually easier than many JQuery modules that are out there. The first thing you’ll need is the Uploadify Core that can be downloaded from the Uploadify website. You can also download code for several examples of implementations of code. The core it self comes with a PDF manual as well.
<link rel="stylesheet" href="uploadify/uploadify.css" type="text/css" />
Making a Placeholder:
You’ll need a placeholder DIV that the script can use to draw the upload tool on the page somewhere in the <BODY> tag:
Calling the Script:
Now, all we need to do is call the uploader when the page loads:
'buttonText': 'Select Files',
That’s all it really takes to implement Uploadify. You might want to modify some of the settings in it to customize the uploader to your needs, but it’s a really great solution.
Here are some common options that you can play with in the settings:
- “CheckScript” and “Script” -> Be sure to change these if you are using the .NET solution
- sizeLimit -> Limit the file size of the upload (in bytes)
- Height & Width -> Change the dimensions of the container DIV
- fileExt -> Limit the type of file extensions that you allow.
- ButtonText & ButtonIMG -> Customize the look of the upload button
- There’s a full list in the Uploadify Website