// Author Kevin Dibble // EXAMPLE ///////////////////////////////////////////////////////////////////////////////////////////// /* */ // NOTES: // Use the Title field to point to the location of the PHP processing file (it must be relative from the flash file location) var uploader = new Class({ ani : null, // Used to keep track of the progress animations initialize: function(obj){ this.name = obj.name; this.wrapper = new Element('div',{ 'class' : 'uploaderWrapper' }); this.FileBtn = new Element('div',{ 'id' : obj.name +'select', 'styles' : { 'width' : '20px', 'height' : '20px' } }); this.myTmp = new Element('div', { 'id' : obj.name+ "FileUploadSection", 'class' : "FileUploadSection", 'html' : '

[Click Folder to Select File]

'+ '

' }); $(this.wrapper).injectBefore(obj); $(this.myTmp).injectInside(this.wrapper); $(this.FileBtn).injectInside(this.wrapper); this.paths = obj.title.split(';'); //added by Manjinder to allow to pass base url in title tag if(this.paths[5]){ var swfURL = this.paths[5]; } else{ var swfURL = window.location.toString(); swfURL = swfURL.substring(0,swfURL.lastIndexOf('/')); } var fileString = "*.jpg;*.gif;*.png;*.pdf;*.doc;*.ppt;*.flv;*.swf;*.mp3;*.wav;*.vcf;*.docx"; if(this.paths[4]){ fileString = this.paths[4].replace(/\|/g,';'); } this.settings = { flash_url : swfURL + "/" + this.paths[0], upload_url : swfURL + "/" + this.paths[1], // Relative to the SWF file post_params : {"PHPSESSID" : this.paths[2],"filename" : this.name}, file_post_name : this.name, file_size_limit : "100 MB", file_types : fileString, file_types_description : "All Files", file_upload_limit : 100, // Allow lots of file attempts file_queue_limit : 1, // Only allow one file in the que debug: false, // Custom Settings custom_settings : { animation : obj.name, showImage : this.paths[3] || false, path_thumb : swfURL }, // Button settings button_image_url: swfURL + "/uploadfiles/folder.png", button_width: "20", button_height: "20", button_placeholder_id: obj.name + 'select', // The event Functions file_queued_handler : this.fileQueued, file_queue_error_handler: this.queueError, file_dialog_start_handler: this.fileDialogStart, file_dialog_complete_handler : this.fileDialogComplete, upload_start_handler : this.uploadStart, upload_progress_handler : this.uploadProgress, upload_error_handler : this.uploadError, upload_success_handler : this.success, upload_complete_handler : this.uploadFinished //queue_complete_handler : queueComplete // Queue plugin event } this.swfu = new SWFUpload(this.settings); // Create SWF Uploader object var uploadFunction = this.startUpload.bind(this); this.UploadBtn = new Element('div',{ 'id' : obj.name + 'FileUploadBtn', 'class' : 'upload', 'events' : { 'click' : uploadFunction, 'mouseenter': function(){this.className="uploadOvr";}, 'mouseleave': function(){this.className="upload";} } }); $(this.UploadBtn).setOpacity(0); $(this.UploadBtn).injectBefore($(this.myTmp)); $(obj).destroy(); // Remove the file feild from the form }, queueError: function(){ $(this.customSettings.animation+'FileUploadName').set("html",""); // Remove the last file text $(this.customSettings.animation+'FileUploadName').removeClass('UploadFinished'); $(this.customSettings.animation+'FileUploadName').removeClass('UploadSuccess'); $(this.customSettings.animation+'FileUploadName').removeClass('UploadFailed'); $(this.customSettings.animation+'FileUploadName').addClass('Uploading'); this.cancelUpload(); }, fileDialogStart: function(){ new Fx.Tween($(this.customSettings.animation + 'FileUploadBtn')).start('opacity',0); // Hide the upload button $(this.customSettings.animation+'FileUploadName').set("html",""); // Remove the last file text $(this.customSettings.animation+'FileUploadName').removeClass('UploadFinished'); $(this.customSettings.animation+'FileUploadName').removeClass('UploadSuccess'); $(this.customSettings.animation+'FileUploadName').removeClass('UploadFailed'); $(this.customSettings.animation+'FileUploadName').addClass('Uploading'); this.cancelUpload(); // Cancel the current file going up }, fileDialogComplete: function(){ var btn = this.customSettings.animation; new Fx.Tween($(btn + 'FileUploadBtn'),{onComplete: function(){ if($(btn+'FileUploadName').get('html')==""){ $(btn+'FileUploadName').set("html","

Please select only one file

"); $(btn+'FileUploadBtn').fade('hide'); } }}).start('opacity',1); // Show the upload button }, success: function(file,response){ var tempAmount=""; var amount= "" + (file.size / 1024 / 1024); // Get the file size in MB if(amount.indexOf('.')!=-1){ amount=amount.substring(0,amount.indexOf('.')+1+parseInt(3)); } for(var i=0;i