how to implement uploadify

requirements

  • jQuery v1.2.x or greater
  • SWFObject v2.2 or greater
  • Flash Player v9.0.24 or greater

preparation

  1. Download the jquery.uploadify-v2.1.0.zip package
  2. Unzip the file and upload the contents to your website
  3. Link the jQuery library, uploadify js, uploadify.css and swfobject js files

the code

In it’s simplest form, Uploadify is very easy to implement.

<input id="fileInput" name="fileInput" type="file" />
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$('#fileInput').uploadify({
'uploader'  : 'uploadify.swf',
'script'    : 'uploadify.php',
'cancelImg' : 'cancel.png',
'auto'      : true,
'folder'    : '/uploads'
});
});
// ]]></script>

ASP.Net Implementation with C#

For those of you that need to implement Uploadify with ASP.Net and C#, check out the implementation video from Cason Clagg.

Uploadify ASP.Net and C# Implementation Tutorial