uploadify 3.0 detailed instructions_jquery

Use:

Copy code The code is as follows:

//Bound interface element
$("#gallery").uploadify({
Set parameters as follows.
});

Set properties:

Copy code The code is as follows:

id: jQuery(this). attr('id'),//The ID of the bound input
langFile: 'http://www.static-xxx.nu/uploader/uploadifyLang_en.js',//The path of the language package, can set all Prompt text
swf: 'http://www.static-xxx.nu/uploader/uploadify.swf',//[must be set] swf path
uploader: '/uploadify/galleri.php' ,//[Required setting] URL triggered by uploading files
auto:false,//Whether to automatically upload after file selection is completed
buttonText:'Välj Filer',//Text of the upload button
height: 30, //Height and width of the upload button
width: 120,
buttonCursor: 'pointer',//The shape of the Cursor after uploading the mouse hover
cancelImage: '/upload/201206/20120618142325932.png' ,//[Must be set] Cancel the path of the image
checkExisting:'/uploader/uploadify-check-existing.php',//Check whether the uploaded file exists, the triggered url, return 1/0
debug: true, //Debug mode on/off. When turned on, debug information will be displayed
fileObjName:'file',
fileSizeLimit: 0,//The limit size of the file, in bytes, 0 is not limit. 1MB:1*1024*1024
fileTypeDesc: 'Bild JPG',//The description of the file types allowed to be uploaded will be displayed in the pop-up file selection box
fileTypeExts: '*.jpg',//Allowed The uploaded file type limits the files that can be selected in the pop-up file selection box
method: 'post',//The way to interact with the background: post/get
multi: true,//Whether multiple files can be selected
queueID: 'fileQueue', //Display the element ID of the upload file queue. You can simply use a div to display it.
queueSizeLimit: 999, //The maximum number of files allowed in the queue.
progressData: 'all' , // 'percentage''speed''all'//The way to display the file upload progress in the queue: all-upload speed percentage, percentage-percentage, speed-upload speed
removeCompleted: true,//After the upload is successful File, whether to automatically delete it in the queue
removeTimeout: 3,
requeueErrors : true,
postData: {}, //When interacting with the background, additional parameters
preventCaching : true,
transparent: true,
successTimeout : 30, //timeout when uploading
uploadLimit:999//number of files that can be uploaded simultaneously

Events set:

Copy code The code is as follows:

onDialogClose: function(swfuploadifyQueue) {//Triggered when the file selection dialog box is closed
　if( swfuploadifyQueue.filesErrored > 0){
　alert( 'When added to the queue'
swfuploadifyQueue.filesErrored
'An error occurred in files n'
'Error message:'
swfuploadifyQueue.errorMsg
'Number of files selected:'
swfuploadifyQueue.filesSelected
' nThe number of files successfully added to the queue:'
swfuploadifyQueue.filesQueued
'nThe total number of files in the queue:'
swfuploadifyQueue.queueLength);
}
}
onDialogOpen: function() {//Triggered when the file selection dialog box opens
　alert( 'Open!');
}

onSelect : function(file) {//When each file is added to Trigger
after queue
　 - Type: ' file.type
' - Creation date: ' file.creationdate
　 - Modification date: ' file.modificationdate
' - File status: ' file.filestatus);
}

onSelectError: function(file,errorCode,errorMsg) {//Triggered when an error occurs in file selection
　alert( 'id: ' file.id
　 ' - Index: ' file.index
' - File name: ' file.name
' - File size: ' file.size
' - Type: ' file.type
' - Creation date: ' file.creationdate
　 - Modification date: ' file.modificationdate
' - File status: ' file.filestatus
' - Error code: ' errorCode
' - Error message: ' errorMsg);
}

onQueueComplete: function(stats) {//Triggered when all files in the queue have been uploaded
Alert( 'Number of successfully uploaded files: ' stats.successful_uploads
' - Upload errors Number of files: ' stats.upload_errors
' - Number of files canceled: ' stats.upload_cancelled
' - Number of files with errors ' stats.queue_errors);
}

onUploadComplete : function (file,swfuploadifyQueue) {//Trigger once when each file in the queue is uploaded
　 alert( 'id: ' file.id
　 - Index: ' file.index
' - File name: ' file.name
' - File size: ' file.size
' - Type: ' file.type
' - Creation date: ' file.creationdate
' - Modification date: ' file. modificationdate
　 - File status: ' file.filestatus
' - Number of files with errors: ' swfuploadifyQueue.filesErrored
' - Error message: ' swfuploadifyQueue.errorMsg
' - Number of files to be added to the queue : ' swfuploadifyQueue.filesSelected
' - Number added to the query: ' swfuploadifyQueue.filesQueued
' - Queue length: ' swfuploadifyQueue.queueLength);
}

onUploadError : function(file, errorCode,errorMsg,errorString,swfuploadifyQueue) {//Upload file errors are triggered (triggered once for each error file)
　alert( 'id: ' file.id
　 - Index: ' file.index
' - File name: ' file.name
' - File size: ' file.size
' - Type: ' file.type
' - Creation date: ' file.creationdate
' - Modify Date: ' file.modificationdate
' - File status: ' file.filestatus
' - Error code: ' errorCode
' - Error description: ' errorMsg
' - Brief error description: ' errorString
　 - Number of files in error: ' swfuploadifyQueue.filesErrored
' - Error message: ' swfuploadifyQueue.errorMsg
' - Number to add to queue: ' swfuploadifyQueue.filesSelected
' - Add to opposite Quantity: ' swfuploadifyQueue.filesQueued
' - Queue length: ' swfuploadifyQueue.queueLength);
}

onUploadProgress: function(file,fileBytesLoaded,fileTotalBytes,
queueBytesLoaded,swfuploadifyQueueUploadSize) {//
alert( 'id: ' file.id
　 - Index: ' file.index
　 - File name: ' file.name
　 - File size: ' file.size
' - Type: ' file.type
' - Creation date: ' file.creationdate
' - Modification date: ' file.modificationdate
' - File status: ' file.filestatus
　 ' - The current file has been uploaded: ' fileBytesLoaded
' - The current file size: ' fileTotalBytes
' - The queue has been uploaded: ' queueBytesLoaded
' - The queue size: ' swfuploadifyQueueUploadSize);
}

onUploadStart: function(file) {//Triggered when uploading starts (triggered once for each file)
　alert( 'id: ' file.id
　 - Index: ' file.index
　 ' - File name: ' file.name
' - File size: ' file.size
' - Type: ' file.type
' - Creation date: ' file.creationdate
' - Modification date: ' file.modificationdate
　 - File status: ' file.filestatus );
}

onUploadSuccess: function(file,data,response) {//Triggered when the upload is completed ( Triggered once for each file)
　alert( 'id: ' file.id
　 - Index: ' file.index
　 - File name: ' file.name
' - File size: ' file.size
' - Type: ' file.type
' - Creation date: ' file.creationdate
' - Modification date: ' file.modificationdate
' - File status: ' file.filestatus
　 - Server-side message: ' data
　 - Whether the upload was successful: ' response);
}