Latest Features and Functions:

• Function changed to uploadify()
  • fileUpload()                       – uploadify()
  • fileUploadStart()              - uploadifyUpload()
  • fileUploadSettings()        - uploadifySettings()
  • fileUploadCancel()          - uploadifyCancel()
  • fileUploadClearQueue() – uploadifyClearQueue()
• queueID option added
• method option added
• uploadifySettings getter added
• queueSizeLimit option added
• onQueueFull event trigger added
• Server-side file type validation added (commented out), requires fileExt
• SWFObject integration
• Example folder added to zip package
• “All Glyphs” version of SWF file added to zip package
• Moved error styling to css
• Errored queue items can now be cancelled
• Files process in order of adding to queue
• errorObj returned by onError now only uses two parameters
• Updating scriptData is now performed by passing an array of key/value pairs
• hideButton can now be used to hide the browse button with uploadifySettings()
• Added compatibility for noConflict() and for use with other api’s ie prototype

Implementation:
Following steps need for implementation the script on your page:

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> 

Demo: http://www.uploadify.com/demo/
Download: http://www.uploadify.com/_files/jquery.uploadify-v2.1.0.zip
Source: http://www.uploadify.com/

Related Listings:

1. Multiple File Upload – JQuery The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive plugin...
2. Ajax File Upload using JQuery Script that simplifies how you traverse HTML documents, handle events, perform...
3. Ajax Style File upload for .Net If you visit Asp.net Ajax Forum, you will find hundreds...
4. Multiple file upload – Moo tools It’s about 18 months since I released my simple script...
5. New Fancy Upload version 2.0 Swiff meets Ajax for powerful and elegant uploads. FancyUpload is...

Do you like this post?

Email: