首页 > 代码库 > 上传文件swfUploadConfig.js
上传文件swfUploadConfig.js
/*/* * Unobstrusive swf upload widget using jQuery. *example : $(‘:file.uo_widget_form_input_file_swf_upload‘).uoWidgetFormInputFileSwfUpload({}); * * @author Fran?ois Béliveau <francois.beliveau@my-labz.com> **/ var uo_widget_form_input_file_swf_upload_config = {}; var uo_widget_form_input_file_swf_upload_count = 0; (function($) { $.fn.uoWidgetFormInputFileSwfUpload = function(customConfiguration) { // default configuration var configuration = { labels: { browse: ‘browse‘ }, images: { browse: ‘/sf_unobstrusive_widget/images/default/uo_widget_form_input_file_swf_upload/folder_explore.png‘ }, upload_auto: false, upload_url: false, file_post_name: ‘swf_upload_file‘, // Flash file settings file_size_limit: ‘10240‘, //10 MB file_types: ‘*.*‘, file_types_description: ‘All files‘, file_upload_limit: ‘0‘, file_queue_limit: ‘1‘, // Button Settings button_width: 16, button_height: 16, // Flash Settings flash_url : "/sf_unobstrusive_widget/vendor/swf_upload/swfupload.swf", // Debug settings debug: false }; $.extend(true, configuration, customConfiguration); return this.each(function(index) { var $widget = $(this); var $widgetId = $widget.attr(‘id‘); var $widgetName = $widget.attr(‘name‘); var $widgetFileName = false; var $swfUpload = false; var $index = uo_widget_form_input_file_swf_upload_count; var handlers = { swfupload_loaded_handler: false, file_dialog_start_handler: false, file_queue_error_handler: false, file_dialog_complete_handler: false, upload_start_handler: false, upload_progress_handler: false, upload_error_handler: false, upload_success_handler: false, upload_complete_handler: false, file_queued_handler: false, swfupload_loaded_handler: false, swfupload_loaded_handler: false }; // merge default and custom configuration if (typeof(uo_widget_form_input_file_swf_upload_config[$widgetId]) == ‘object‘) { for (handlerName in handlers) { if (typeof(uo_widget_form_input_file_swf_upload_config[$widgetId][handlerName]) == ‘function‘) { handlers[handlerName] = uo_widget_form_input_file_swf_upload_config[$widgetId][handlerName]; } } } /** * Initialize widget */ function init() { // prevent initialize twice if ($widget.hasClass(‘uo_widget_form_input_file_swf_upload_ON‘)) { return $widget; } if (typeof(SWFUpload) != "function") { alert(‘Unable to initialize SWFUpload widget: SWFUpload is not defined‘); return $widget; } $widget.removeClass(‘uo_widget_form_input_file_swf_upload‘); $widget.addClass(‘uo_widget_form_input_file_swf_upload_ON‘); config = getConfiguration(); if (config.upload_url) { $widget.after(getHtmlTemplate(config)) var newWidget = $widget.next(); $widget.remove(); $widget = newWidget; $widgetFileName = $(‘#‘+$widgetId); $swfUpload = new SWFUpload(config); uo_widget_form_input_file_swf_upload_count++; } else { alert(‘Unable to initialize SWFUpload widget: invalid upload url‘); } } /** * Return widget‘s specific configuration */ function getConfiguration() { var result = uo_widget_form_input_file_swf_upload_config[$widgetId] || {}; result = $.extend(true, configuration, result); // Event handler settings result.swfupload_loaded_handler = swfUploadLoaded, result.file_dialog_start_handler = fileDialogStart; result.file_queue_error_handler = fileQueueError; result.file_dialog_complete_handler = fileDialogComplete; result.upload_start_handler = uploadStart; result.upload_progress_handler = uploadProgress; result.upload_error_handler = uploadError; result.upload_success_handler = uploadSuccess; result.upload_complete_handler = uploadComplete; if (undefined == result.custom_settings) { result.custom_settings = {}; } result.custom_settings.progress_target = $widgetId+‘_flash‘, result.custom_settings.upload_successful = false; result.button_window_mode = SWFUpload.WINDOW_MODE.TRANSPARENT; result.button_placeholder_id = $widgetId+‘_browse‘; if (result.images.browse) { result.button_image_url = result.images.browse; } else { result.button_text = result.labels.browse; } if (result.upload_auto) { result.file_queued_handler = fileQueuedAutoUpload; } else { result.file_queued_handler = fileQueued; } return result } /** * Return widget‘s HTML template */ function getHtmlTemplate(config) { result = ‘<div class="uo_widget_form_input_file_swf_upload_ON_container">‘ + ‘ <div class="field">‘ + ‘ <input id="‘+$widgetId+‘" type="text" class="text" readonly="readonly" />‘ + ‘ <span id="‘+$widgetId+‘_browse">‘+config.labels.browse+‘</span>‘ + ‘ </div>‘ //This is where the file progress gets shown + ‘ <div class="flash" id="‘+$widgetId+‘_flash"></div>‘ //This is where the file ID is stored after SWFUpload uploads the file and gets the ID back from upload PHP script + ‘ <input type="hidden" name="‘+$widgetName+‘" value="" />‘ + ‘</div>‘ return $(result); } /** * Start upload */ function doUpload(e) { try { $swfUpload.startUpload(); } catch(ex){} return false; } /** * Called by the queue complete handler to submit the form */ function uploadDone() { try { $swfUpload.destroy(); $widget.parents(‘form:first‘) .unbind(‘submit‘, doUpload) .submit(); } catch(ex) { alert("Error submitting form"); } } /** * Cancel upload if allready start */ function fileDialogStart() { $swfUpload.cancelUpload(); if (typeof(handlers.file_dialog_start_handler) == ‘function‘) { handlers.file_dialog_start_handler(); } } /** * Handle this error separately because we don‘t want to create a FileProgress element for it. */ function fileQueueError(file, errorCode, message) { try { switch (errorCode) { case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED: alert("You have attempted to queue too many files.\n" + (message === 0 ? "You have reached the upload limit." : "You may select " + (message > 1 ? "up to " + message + " files." : "one file."))); return false; case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT: alert("The file you selected is too big."); this.debug("Error Code: File too big, File name: " + file.name + ", File size: " + file.size + ", Message: " + message); return false; case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE: alert("The file you selected is empty. Please select another file."); this.debug("Error Code: Zero byte file, File name: " + file.name + ", File size: " + file.size + ", Message: " + message); return false; case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE: alert("The file you choose is not an allowed file type."); this.debug("Error Code: Invalid File Type, File name: " + file.name + ", File size: " + file.size + ", Message: " + message); return false; default: alert("An error occurred in the upload. Try again later."); this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message); return false; } } catch(e){} if (typeof(handlers.file_queue_error_handler) == ‘function‘) { handlers.file_queue_error_handler(file, errorCode, message); } } function fileQueued(file) { $widget.parents(‘form:first‘) .unbind(‘submit‘, doUpload) .submit(doUpload); $widgetFileName.val(file.name); if (typeof(handlers.file_queued_handler) == ‘function‘) { handlers.file_queued_handler(file); } } function fileQueuedAutoUpload(file) { $widgetFileName.val(file.name); doUpload(); if (typeof(handlers.file_queued_handler) == ‘function‘) { handlers.file_queued_handler(file); } } function uploadProgress(file, bytesLoaded, totalBytes) { try { var percent = Math.ceil((bytesLoaded / bytesTotal) * 100); file.id = "singlefile"; // This makes it so FileProgress only makes a single UI element, instead of one for each file var progress = new FileProgress(file, this.customSettings.progress_target); progress.setProgress(percent); progress.setStatus("Uploading..."); } catch(e){} if (typeof(handlers.upload_progress_handler) == ‘function‘) { handlers.upload_progress_handler(file, bytesLoaded, totalBytes); } } function uploadSuccess(file, serverData, receivedResponse) { try { file.id = "singlefile"; // This makes it so FileProgress only makes a single UI element, instead of one for each file var progress = new FileProgress(file, this.customSettings.progress_target); progress.setComplete(); progress.setStatus("Complete."); progress.toggleCancel(false); if (serverData =http://www.mamicode.com/==" ") { this.customSettings.upload_successful = false; } else { this.customSettings.upload_successful = true; $(‘input[name="‘+$widgetName+‘"]‘, $widget).val(serverData); } } catch(e){} if (typeof(handlers.upload_success_handler) == ‘function‘) { handlers.upload_success_handler(file, serverData, receivedResponse); } } function uploadComplete(file) { try { if (this.customSettings.upload_successful) { var config = getConfiguration(); if (!config.upload_auto) { uploadDone(); } } else { file.id = "singlefile"; // This makes it so FileProgress only makes a single UI element, instead of one for each file var progress = new FileProgress(file, this.customSettings.progress_target); progress.setError(); progress.setStatus("File rejected"); progress.toggleCancel(false); $widgetFileName.val(‘‘); alert("There was a problem with the upload.\nThe server did not accept it."); } } catch(e){} if (typeof(handlers.upload_complete_handler) == ‘function‘) { handlers.upload_complete_handler(file); } } function uploadError(file, errorCode, message) { try { if (errorCode === SWFUpload.UPLOAD_ERROR.FILE_CANCELLED) { // Don‘t show cancelled error boxes return; } $widgetFileName.val(‘‘); // Handle this error separately because we don‘t want to create a FileProgress element for it. switch (errorCode) { case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL: alert("There was a configuration error. You will not be able to upload a resume at this time."); this.debug("Error Code: No backend file, File name: " + file.name + ", Message: " + message); return; case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED: alert("You may only upload 1 file."); this.debug("Error Code: Upload Limit Exceeded, File name: " + file.name + ", File size: " + file.size + ", Message: " + message); return; case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED: case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED: break; default: alert("An error occurred in the upload. Try again later."); this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message); return; } file.id = "singlefile"; // This makes it so FileProgress only makes a single UI element, instead of one for each file var progress = new FileProgress(file, this.customSettings.progress_target); progress.setError(); progress.toggleCancel(false); switch (errorCode) { case SWFUpload.UPLOAD_ERROR.HTTP_ERROR: progress.setStatus("Upload Error"); this.debug("Error Code: HTTP Error, File name: " + file.name + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED: progress.setStatus("Upload Failed."); this.debug("Error Code: Upload Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.IO_ERROR: progress.setStatus("Server (IO) Error"); this.debug("Error Code: IO Error, File name: " + file.name + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR: progress.setStatus("Security Error"); this.debug("Error Code: Security Error, File name: " + file.name + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED: progress.setStatus("Upload Cancelled"); this.debug("Error Code: Upload Cancelled, File name: " + file.name + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED: progress.setStatus("Upload Stopped"); this.debug("Error Code: Upload Stopped, File name: " + file.name + ", Message: " + message); break; } } catch(ex){} if (typeof(handlers.upload_error_handler) == ‘function‘) { handlers.upload_error_handler(file, errorCode, message); }
上传文件swfUploadConfig.js
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。