SlideShare une entreprise Scribd logo
1  sur  7
Télécharger pour lire hors ligne
Uploadify v2.1.0
©2009 by Ronnie Garcia
Developed by Ronnie Garcia and Travis Nickels
www.uploadify.com
www.ronniesan.com
WHAT IS IT?
This plug-in allows you to change any element with an ID attribute on your page into a single or multiple file upload
tool. The plug-in uses a mix of JQuery, Flash, and a backend upload script in the language of your choice to send
files from your local computer to your website server.
HOW DO I IMPLEMENT IT?
Implementation of the plug-in is very easy and only relies on one JQuery function call to initiate.
1. Download the latest zip package from http://www.uploadify.com
2. Extract the files and upload them to your server (for the most basic installation, upload all files to the same
folder).
3. Link the jQuery script, swfobject script and the Uploadify plug-in to the page you will be using it on. You
can do so with the following code in the <head> section of your page:
<script type="text/javascript" src="/path/to/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/path/to/swfobject.js"
<script type="text/javascript" src="/path/to/jquery.uploadify.v2.1.0.min.js"></script>
4. Add the call to the plug-in using the $.ready event in the <head> section of your page:
<script type="text/javascript">
$(document).ready(function() {
$('#someID').uploadify({
'uploader': '/path/to/uploadify.swf',
'script': '/path/to/uploadify.php',
'folder': '/path/to/uploads-folder',
'cancelImg': '/path/to/cancel.png'
});
});
</script>
When the document is done loading, the elements that the function was called against will be hidden and
replaced by the browse button. The component is now ready to use on your page.
AVAILABLE OPTIONS
uploader The path to the uploader.swf file. For absolute paths prefix the path with either '/' or 'http'
Default = 'uploader.swf'
script The path to the backend script that will be processing your uploaded files.
For absolute paths prefix the path with either '/' or 'http'
Default = 'upload.php'
checkScript The relative path to the backend script that will check if the file selected already resides
on the server. No Default. 'check.php' is provided with core files.
scriptData An object containing name/value pairs of additional information you would like sent to the
upload script. {'name': 'value'}
fileDataName The name of your files array in the upload server script.
Default = 'Filedata'
method
new
Set the method for sending scriptData to the backend script. Either 'GET' or 'POST'.
Default is set to 'POST'.
scriptAccess The access mode for scripts in the flash file. If you are testing locally, set to 'always'.
Default = 'sameDomain'
folder The path to the folder you would like to save the files to. Do not end the path with a '/'.
For absolute paths prefix the path with either '/' or 'http'. Note server security issues with
trying to upload to remote destinations.
queueID
new
The ID of the element you want to use as your file queue. By default, one is created on the
fly below the 'Browse' button.
queueSizeLimit
new
The limit of the number of items that can be in the queue at one time. Default = 999.
multi Set to true if you want to allow multiple file uploads.
auto Set to true if you would like the files to be uploaded when they are selected.
fileDesc The text that will appear in the file type drop down at the bottom of the browse dialog box.
fileExt A list of file extensions you would like to allow for upload. Format like '*.ext1;*.
ext2;*.ext3'.
fileDesc is required when using this option.
sizeLimit A number representing the limit in bytes for each upload.
simUploadLimit
changed
A limit to the number of simultaneous uploads you would like to allow.
Default:1.
buttonText The text you would like to appear on the default button. Default = 'BROWSE'
buttonImg The path to the image you will be using for the browse button.
hideButton Set to true if you want to hide the button image.
rollover Set to true if you would like to activate rollover states for your browse button. To prepare
your browse button for rollover states, simple add the 'over' and 'press' states below the
normal state in a single file. See below for an example:
*Mouseover events are inconsistent in Flash 9 so you may see a short lag when using the
rollover option.
width The width of the button image / flash file. Default = 30
height The height of the button image / flash file. If rollover is set to true, this should be 1/3 the
height of the actual file. Default = 110
wmode Set to transparent to make the background of the flash file transparent. If set to
transparent, the flash file will be at the top-most layer of the page. By omitting the
buttonImg option and setting wmode to transparent, the entire flash file will be
transparent, allowing you layer content below it or style the button using CSS. Default =
'opaque'
cancelImg The path to the default cancel image. Default = 'cancel.png'
onInit A function that triggers when the script is loaded. The default event handler hides the
targeted element on the page and replaces it with the flash file, then creates a queue
container after it. The default function will not trigger if the value of your custom function
returns false. For custom functions, you can access the html for the flash file using the
variable flashElement.
onSelect A function that triggers for each element selected. The default event handler generates a
6 character random string as the unique identifier for the file item and creates a file queue
item for the file. The default event handler will not trigger if the value of your custom
function returns false.
Three arguments are passed to the function:
event: The event object.
queueID: The unique identifier of the file that was selected.
fileObj: An object containing details about the file that was selected.
• name – The name of the file
• size – The size in bytes of the file
• creationDate – The date the file was created
• modificationDate – The last date the file was modified
• type – The file extension beginning with a '.'
onSelectOnce A function that triggers once for each select operation. There is no default event handler.
Two arguments are sent to the function:
event: The event object.
data: An object containing details about the select operation.
• fileCount – The total number of files in the queue
• filesSelected – The number of files selected in the select operation
• filesReplaced – The number of files that were replaced in the queue
• allBytesTotal – The total number of bytes for all files in the queue
onCancel A function that triggers when a file upload is cancelled or removed from the queue. The
default event handler removes the file from the upload queue. The default event handler
will not trigger if the value of your custom function returns false.
Four arguments are sent to the function:
event: The event object.
queueID: The unique identifier of the file that was cancelled.
fileObj: An object containing details about the file that was selected.
• name – The name of the file
• size – The size in bytes of the file
• creationDate – The date the file was created
• modificationDate – The last date the file was modified
• type – The file extension beginning with a '.'
data: Details about the file queue.
• fileCount – The total number of files left in the queue
• allBytesTotal – The total number of bytes left for all files in the queue
onClearQueue A function that triggers when the fileUploadClearQueue function is called. The default
event handler removes all queue items from the upload queue. The default event handler
will not trigger if the value of your custom function returns false.
One arguments is sent to the function:
event: The event object.
onQueueFull
new
A function that triggers when the file queue has reached maximum capacity. The default
event alerts the user of the queue size.
Two arguments are sent to the function:
• event - The event object.
• queueSizeLimit - The maximum size of the queue.
onError
changed
A function that triggers when an error occurs during the upload process. The default
event handler attaches an error message to the queue item returning the error and
changes it's queue item container to red.
Four arguments are sent to the function:
event: The event object.
queueID: The unique identifier of the file that was errored.
fileObj: An object containing details about the file that was selected.
• name – The name of the file
• size – The size in bytes of the file
• creationDate – The date the file was created
• modificationDate – The last date the file was modified
• type – The file extension beginning with a '.'
errorObj: An object containing details about the error returned.
• type – Either 'HTTP', 'IO', or 'Security'
• info – An error message describing the type of error returned
onOpen
new
A function that fires when a file in the queue is opened by Flash for upload. There is no
default function.
Three arguments are sent to the function:
event: The event object.
queueID: The unique identifier of the file that was opened.
fileObj: An object containing details about the file that was selected.
• name – The name of the file
• size – The size in bytes of the file
• creationDate – The date the file was created
• modificationDate – The last date the file was modified
• type – The file extension beginning with a '.'
onProgress A function that fires each time the progress of a file upload changes. The default function
updates the progress bar in the file queue item. The default function will not trigger if the
value of your custom function returns false.
Four arguments are sent to function:
event: The event object.
queueID: The unique identifier of the file that was updated.
fileObj: An object containing details about the file that was selected.
• name – The name of the file
• size – The size in bytes of the file
• creationDate – The date the file was created
• modificationDate – The last date the file was modified
• type – The file extension beginning with a '.'
data: An object containing details about the upload and queue.
• percentage – The current percentage completed for the upload
• bytesLoaded – The current amount of bytes uploaded
• allBytesLoaded – The current amount of bytes loaded for all files in the queue
• speed – The current upload speed in KB/s
onComplete A function that triggers when a file upload has completed. The default function removes
the file queue item from the upload queue. The default function will not trigger if the value
of your custom function returns false.
Four arguments are sent to the function:
event: The event object.
queueID: The unique identifier of the file that was completed.
fileObj: An object containing details about the file that was selected.
• name – The name of the file
• filepath – The path on the server to the uploaded file
• size – The size in bytes of the file
• creationDate – The date the file was created
• modificationDate – The last date the file was modified
• type – The file extension beginning with a '.'
response: The data sent back from the server.
data: Details about the file queue.
• fileCount – The total number of files left in the queue
• speed – The average speed of the file upload in KB/s
onAllComplete A function that triggers when all file uploads have completed. There is no default event
handler.
Two arguments are sent to the function:
event: The event object.
data: An object containing details about the upload process.
• filesUploaded – The total number of files uploaded
• errors – The total number of errors while uploading
• allbytesLoaded – The total number of bytes uploaded
• speed – The average speed of all uploaded files
onCheck A function that triggers when an existing file is detected on the server. The default event
handler opens a confirmation box.
Five arguments are sent to the function:
event: The event object.
checkScript: The path to the file checking script.
fileQueue: A file queue object consisting of key/value pairs with the queue ID as the key
and the filename as the value.
folder: The path to the upload folder.
single: True if only one file is being uploaded from the queue.
RELATED FUNCTIONS
uploadifySettings
changed
A function used to change options for a fileUpload object.
Two arguments are available, one is required:
• Setting - The option to change.
• Value - The value to change the option to. If left blank, this function will return the
current value of the setting.
The following example will change the upload folder to '/uploads':
$('#someID').uploadifySettings('folder','/uploads');
The following example will return the simUploadLimit:
$(' #someID').uploadifySettings('simUploadLimit');
The following options can be changed:
buttonImg, buttonText, cancelImg, fileDesc, fileExt, width, height, folder, script,
scriptData, simUploadLimit, sizeLimit, hideButton
The following will return the current size of the queue
$('#someID').uploadifySettings('queueSize');
When using scriptData enter it in {key1 : value1, key2 : value2, …} format.
$('#someID').uploadifySettings('scriptData', {'name' : some.val()});
If the key already exists it will update it, if it doesn't exist it will add it. You no longer need
to re-write every key/value pair. When requesting scriptData it will return the key/value
pairs as an object.
uploadifyUpload
changed
A function used to begin an upload of a single file or all files in the queue.
One argument is optional:
queueID: The unqiue queue identifier for the file to upload.
The following example will upload all files in the queue:
$('#someID').uploadifyUpload();
uploadifyCancel
changed
A function used to remove a file from the queue or stop an upload in progress.
One argument is required.
queueID: The unique queue identifier of the file you wish to cancel.
The following example will remove a file from the upload queue:
$('#someID').uploadifyCancel('NFJSHS');
uploadifyClearQueue
changed
A function used to clear all files from the upload queue.
The following example clears the file upload queue:
$('#someID').uploadifyClearQueue();

Contenu connexe

Similaire à Uploadifyv2 1-0manual-100417052228-phpapp01

Uploadify v2.1.0 manual
Uploadify v2.1.0 manualUploadify v2.1.0 manual
Uploadify v2.1.0 manualiasdoc
 
Uploadify v2.1.0 manual
Uploadify v2.1.0 manualUploadify v2.1.0 manual
Uploadify v2.1.0 manualiasdoc
 
Kevin Schmidt - Uploading Files in Flex
Kevin Schmidt - Uploading Files in FlexKevin Schmidt - Uploading Files in Flex
Kevin Schmidt - Uploading Files in Flex360|Conferences
 
3.1 file input and output
3.1   file input and output3.1   file input and output
3.1 file input and outputallenbailey
 
Php File Upload
Php File UploadPhp File Upload
Php File Uploadsaeel005
 
Merrill's Journey to CI-CD and Continuous Testing by Ashish Mukherjee
Merrill's Journey to CI-CD and Continuous Testing by Ashish MukherjeeMerrill's Journey to CI-CD and Continuous Testing by Ashish Mukherjee
Merrill's Journey to CI-CD and Continuous Testing by Ashish MukherjeeSauce Labs
 
"15 Technique to Exploit File Upload Pages", Ebrahim Hegazy
"15 Technique to Exploit File Upload Pages", Ebrahim Hegazy"15 Technique to Exploit File Upload Pages", Ebrahim Hegazy
"15 Technique to Exploit File Upload Pages", Ebrahim HegazyHackIT Ukraine
 
Java Input Output and File Handling
Java Input Output and File HandlingJava Input Output and File Handling
Java Input Output and File HandlingSunil OS
 
Diploma ii cfpc- u-5.2 pointer, structure ,union and intro to file handling
Diploma ii  cfpc- u-5.2 pointer, structure ,union and intro to file handlingDiploma ii  cfpc- u-5.2 pointer, structure ,union and intro to file handling
Diploma ii cfpc- u-5.2 pointer, structure ,union and intro to file handlingRai University
 
pointer, structure ,union and intro to file handling
 pointer, structure ,union and intro to file handling pointer, structure ,union and intro to file handling
pointer, structure ,union and intro to file handlingRai University
 
Accelerating Data Ingestion with Databricks Autoloader
Accelerating Data Ingestion with Databricks AutoloaderAccelerating Data Ingestion with Databricks Autoloader
Accelerating Data Ingestion with Databricks AutoloaderDatabricks
 
Easy javascript
Easy javascriptEasy javascript
Easy javascriptBui Kiet
 

Similaire à Uploadifyv2 1-0manual-100417052228-phpapp01 (20)

Uploadify v2.1.0 manual
Uploadify v2.1.0 manualUploadify v2.1.0 manual
Uploadify v2.1.0 manual
 
Uploadify v2.1.0 manual
Uploadify v2.1.0 manualUploadify v2.1.0 manual
Uploadify v2.1.0 manual
 
Kevin Schmidt - Uploading Files in Flex
Kevin Schmidt - Uploading Files in FlexKevin Schmidt - Uploading Files in Flex
Kevin Schmidt - Uploading Files in Flex
 
Intro To C++ - Class #21: Files
Intro To C++ - Class #21: FilesIntro To C++ - Class #21: Files
Intro To C++ - Class #21: Files
 
Beyond the page
Beyond the pageBeyond the page
Beyond the page
 
File upload php
File upload phpFile upload php
File upload php
 
8. file handling
8. file handling8. file handling
8. file handling
 
Files and streams
Files and streamsFiles and streams
Files and streams
 
Data file handling
Data file handlingData file handling
Data file handling
 
File handling in c++
File handling in c++File handling in c++
File handling in c++
 
3.1 file input and output
3.1   file input and output3.1   file input and output
3.1 file input and output
 
Php File Upload
Php File UploadPhp File Upload
Php File Upload
 
Merrill's Journey to CI-CD and Continuous Testing by Ashish Mukherjee
Merrill's Journey to CI-CD and Continuous Testing by Ashish MukherjeeMerrill's Journey to CI-CD and Continuous Testing by Ashish Mukherjee
Merrill's Journey to CI-CD and Continuous Testing by Ashish Mukherjee
 
"15 Technique to Exploit File Upload Pages", Ebrahim Hegazy
"15 Technique to Exploit File Upload Pages", Ebrahim Hegazy"15 Technique to Exploit File Upload Pages", Ebrahim Hegazy
"15 Technique to Exploit File Upload Pages", Ebrahim Hegazy
 
file compression/zip file.report
file compression/zip file.reportfile compression/zip file.report
file compression/zip file.report
 
Java Input Output and File Handling
Java Input Output and File HandlingJava Input Output and File Handling
Java Input Output and File Handling
 
Diploma ii cfpc- u-5.2 pointer, structure ,union and intro to file handling
Diploma ii  cfpc- u-5.2 pointer, structure ,union and intro to file handlingDiploma ii  cfpc- u-5.2 pointer, structure ,union and intro to file handling
Diploma ii cfpc- u-5.2 pointer, structure ,union and intro to file handling
 
pointer, structure ,union and intro to file handling
 pointer, structure ,union and intro to file handling pointer, structure ,union and intro to file handling
pointer, structure ,union and intro to file handling
 
Accelerating Data Ingestion with Databricks Autoloader
Accelerating Data Ingestion with Databricks AutoloaderAccelerating Data Ingestion with Databricks Autoloader
Accelerating Data Ingestion with Databricks Autoloader
 
Easy javascript
Easy javascriptEasy javascript
Easy javascript
 

Dernier

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Principled Technologies
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 

Dernier (20)

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 

Uploadifyv2 1-0manual-100417052228-phpapp01

  • 1. Uploadify v2.1.0 ©2009 by Ronnie Garcia Developed by Ronnie Garcia and Travis Nickels www.uploadify.com www.ronniesan.com WHAT IS IT? This plug-in allows you to change any element with an ID attribute on your page into a single or multiple file upload tool. The plug-in uses a mix of JQuery, Flash, and a backend upload script in the language of your choice to send files from your local computer to your website server. HOW DO I IMPLEMENT IT? Implementation of the plug-in is very easy and only relies on one JQuery function call to initiate. 1. Download the latest zip package from http://www.uploadify.com 2. Extract the files and upload them to your server (for the most basic installation, upload all files to the same folder). 3. Link the jQuery script, swfobject script and the Uploadify plug-in to the page you will be using it on. You can do so with the following code in the <head> section of your page: <script type="text/javascript" src="/path/to/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="/path/to/swfobject.js" <script type="text/javascript" src="/path/to/jquery.uploadify.v2.1.0.min.js"></script> 4. Add the call to the plug-in using the $.ready event in the <head> section of your page: <script type="text/javascript"> $(document).ready(function() { $('#someID').uploadify({ 'uploader': '/path/to/uploadify.swf', 'script': '/path/to/uploadify.php', 'folder': '/path/to/uploads-folder', 'cancelImg': '/path/to/cancel.png' }); }); </script> When the document is done loading, the elements that the function was called against will be hidden and replaced by the browse button. The component is now ready to use on your page.
  • 2. AVAILABLE OPTIONS uploader The path to the uploader.swf file. For absolute paths prefix the path with either '/' or 'http' Default = 'uploader.swf' script The path to the backend script that will be processing your uploaded files. For absolute paths prefix the path with either '/' or 'http' Default = 'upload.php' checkScript The relative path to the backend script that will check if the file selected already resides on the server. No Default. 'check.php' is provided with core files. scriptData An object containing name/value pairs of additional information you would like sent to the upload script. {'name': 'value'} fileDataName The name of your files array in the upload server script. Default = 'Filedata' method new Set the method for sending scriptData to the backend script. Either 'GET' or 'POST'. Default is set to 'POST'. scriptAccess The access mode for scripts in the flash file. If you are testing locally, set to 'always'. Default = 'sameDomain' folder The path to the folder you would like to save the files to. Do not end the path with a '/'. For absolute paths prefix the path with either '/' or 'http'. Note server security issues with trying to upload to remote destinations. queueID new The ID of the element you want to use as your file queue. By default, one is created on the fly below the 'Browse' button. queueSizeLimit new The limit of the number of items that can be in the queue at one time. Default = 999. multi Set to true if you want to allow multiple file uploads. auto Set to true if you would like the files to be uploaded when they are selected. fileDesc The text that will appear in the file type drop down at the bottom of the browse dialog box. fileExt A list of file extensions you would like to allow for upload. Format like '*.ext1;*. ext2;*.ext3'. fileDesc is required when using this option. sizeLimit A number representing the limit in bytes for each upload. simUploadLimit changed A limit to the number of simultaneous uploads you would like to allow. Default:1. buttonText The text you would like to appear on the default button. Default = 'BROWSE' buttonImg The path to the image you will be using for the browse button. hideButton Set to true if you want to hide the button image.
  • 3. rollover Set to true if you would like to activate rollover states for your browse button. To prepare your browse button for rollover states, simple add the 'over' and 'press' states below the normal state in a single file. See below for an example: *Mouseover events are inconsistent in Flash 9 so you may see a short lag when using the rollover option. width The width of the button image / flash file. Default = 30 height The height of the button image / flash file. If rollover is set to true, this should be 1/3 the height of the actual file. Default = 110 wmode Set to transparent to make the background of the flash file transparent. If set to transparent, the flash file will be at the top-most layer of the page. By omitting the buttonImg option and setting wmode to transparent, the entire flash file will be transparent, allowing you layer content below it or style the button using CSS. Default = 'opaque' cancelImg The path to the default cancel image. Default = 'cancel.png' onInit A function that triggers when the script is loaded. The default event handler hides the targeted element on the page and replaces it with the flash file, then creates a queue container after it. The default function will not trigger if the value of your custom function returns false. For custom functions, you can access the html for the flash file using the variable flashElement. onSelect A function that triggers for each element selected. The default event handler generates a 6 character random string as the unique identifier for the file item and creates a file queue item for the file. The default event handler will not trigger if the value of your custom function returns false. Three arguments are passed to the function: event: The event object. queueID: The unique identifier of the file that was selected. fileObj: An object containing details about the file that was selected. • name – The name of the file • size – The size in bytes of the file • creationDate – The date the file was created • modificationDate – The last date the file was modified • type – The file extension beginning with a '.'
  • 4. onSelectOnce A function that triggers once for each select operation. There is no default event handler. Two arguments are sent to the function: event: The event object. data: An object containing details about the select operation. • fileCount – The total number of files in the queue • filesSelected – The number of files selected in the select operation • filesReplaced – The number of files that were replaced in the queue • allBytesTotal – The total number of bytes for all files in the queue onCancel A function that triggers when a file upload is cancelled or removed from the queue. The default event handler removes the file from the upload queue. The default event handler will not trigger if the value of your custom function returns false. Four arguments are sent to the function: event: The event object. queueID: The unique identifier of the file that was cancelled. fileObj: An object containing details about the file that was selected. • name – The name of the file • size – The size in bytes of the file • creationDate – The date the file was created • modificationDate – The last date the file was modified • type – The file extension beginning with a '.' data: Details about the file queue. • fileCount – The total number of files left in the queue • allBytesTotal – The total number of bytes left for all files in the queue onClearQueue A function that triggers when the fileUploadClearQueue function is called. The default event handler removes all queue items from the upload queue. The default event handler will not trigger if the value of your custom function returns false. One arguments is sent to the function: event: The event object. onQueueFull new A function that triggers when the file queue has reached maximum capacity. The default event alerts the user of the queue size. Two arguments are sent to the function: • event - The event object. • queueSizeLimit - The maximum size of the queue. onError changed A function that triggers when an error occurs during the upload process. The default event handler attaches an error message to the queue item returning the error and changes it's queue item container to red. Four arguments are sent to the function: event: The event object. queueID: The unique identifier of the file that was errored. fileObj: An object containing details about the file that was selected. • name – The name of the file • size – The size in bytes of the file • creationDate – The date the file was created • modificationDate – The last date the file was modified
  • 5. • type – The file extension beginning with a '.' errorObj: An object containing details about the error returned. • type – Either 'HTTP', 'IO', or 'Security' • info – An error message describing the type of error returned onOpen new A function that fires when a file in the queue is opened by Flash for upload. There is no default function. Three arguments are sent to the function: event: The event object. queueID: The unique identifier of the file that was opened. fileObj: An object containing details about the file that was selected. • name – The name of the file • size – The size in bytes of the file • creationDate – The date the file was created • modificationDate – The last date the file was modified • type – The file extension beginning with a '.' onProgress A function that fires each time the progress of a file upload changes. The default function updates the progress bar in the file queue item. The default function will not trigger if the value of your custom function returns false. Four arguments are sent to function: event: The event object. queueID: The unique identifier of the file that was updated. fileObj: An object containing details about the file that was selected. • name – The name of the file • size – The size in bytes of the file • creationDate – The date the file was created • modificationDate – The last date the file was modified • type – The file extension beginning with a '.' data: An object containing details about the upload and queue. • percentage – The current percentage completed for the upload • bytesLoaded – The current amount of bytes uploaded • allBytesLoaded – The current amount of bytes loaded for all files in the queue • speed – The current upload speed in KB/s
  • 6. onComplete A function that triggers when a file upload has completed. The default function removes the file queue item from the upload queue. The default function will not trigger if the value of your custom function returns false. Four arguments are sent to the function: event: The event object. queueID: The unique identifier of the file that was completed. fileObj: An object containing details about the file that was selected. • name – The name of the file • filepath – The path on the server to the uploaded file • size – The size in bytes of the file • creationDate – The date the file was created • modificationDate – The last date the file was modified • type – The file extension beginning with a '.' response: The data sent back from the server. data: Details about the file queue. • fileCount – The total number of files left in the queue • speed – The average speed of the file upload in KB/s onAllComplete A function that triggers when all file uploads have completed. There is no default event handler. Two arguments are sent to the function: event: The event object. data: An object containing details about the upload process. • filesUploaded – The total number of files uploaded • errors – The total number of errors while uploading • allbytesLoaded – The total number of bytes uploaded • speed – The average speed of all uploaded files onCheck A function that triggers when an existing file is detected on the server. The default event handler opens a confirmation box. Five arguments are sent to the function: event: The event object. checkScript: The path to the file checking script. fileQueue: A file queue object consisting of key/value pairs with the queue ID as the key and the filename as the value. folder: The path to the upload folder. single: True if only one file is being uploaded from the queue.
  • 7. RELATED FUNCTIONS uploadifySettings changed A function used to change options for a fileUpload object. Two arguments are available, one is required: • Setting - The option to change. • Value - The value to change the option to. If left blank, this function will return the current value of the setting. The following example will change the upload folder to '/uploads': $('#someID').uploadifySettings('folder','/uploads'); The following example will return the simUploadLimit: $(' #someID').uploadifySettings('simUploadLimit'); The following options can be changed: buttonImg, buttonText, cancelImg, fileDesc, fileExt, width, height, folder, script, scriptData, simUploadLimit, sizeLimit, hideButton The following will return the current size of the queue $('#someID').uploadifySettings('queueSize'); When using scriptData enter it in {key1 : value1, key2 : value2, …} format. $('#someID').uploadifySettings('scriptData', {'name' : some.val()}); If the key already exists it will update it, if it doesn't exist it will add it. You no longer need to re-write every key/value pair. When requesting scriptData it will return the key/value pairs as an object. uploadifyUpload changed A function used to begin an upload of a single file or all files in the queue. One argument is optional: queueID: The unqiue queue identifier for the file to upload. The following example will upload all files in the queue: $('#someID').uploadifyUpload(); uploadifyCancel changed A function used to remove a file from the queue or stop an upload in progress. One argument is required. queueID: The unique queue identifier of the file you wish to cancel. The following example will remove a file from the upload queue: $('#someID').uploadifyCancel('NFJSHS'); uploadifyClearQueue changed A function used to clear all files from the upload queue. The following example clears the file upload queue: $('#someID').uploadifyClearQueue();