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. New Fancy Upload version 2.0 Swiff meets Ajax for powerful and elegant uploads. FancyUpload is...

Do you like this post?

Email: