featuresdemo.js

用flash做的网页上传工具

// Called instead of the SWFUpload _showUI method
var FeaturesDemo = {
	start: function (swf_upload_instance) {
		FeaturesDemo.SU = swf_upload_instance;

		FeaturesDemo.cacheFields();
		FeaturesDemo.loadAll();

		FeaturesDemo.btnBrowse.onclick = function () {
			try {
				FeaturesDemo.selectFiles();
			} catch (ex) {
			}
			return false;
		};
		
		FeaturesDemo.btnBrowseSingle.onclick = function () {
			try {
				FeaturesDemo.selectFile();
			} catch (ex) {
			}
			return false;
		};
		FeaturesDemo.btnStartSelectedFile.onclick = function () {
			try {
				FeaturesDemo.startSelectedFile();
			} catch (ex) {
			}
			return false;
		};
		FeaturesDemo.btnStopUpload.onclick = function () {
			try {
				FeaturesDemo.stopUpload();
			} catch (ex) {
			}
			return false;
		};
		FeaturesDemo.btnCancelSelectedFile.onclick = function () {
			try {
				FeaturesDemo.cancelSelectedFile();
			} catch (ex) {
			}
			return false;
		};
		FeaturesDemo.btnAddFileParam.onclick = function () {
			try {
				FeaturesDemo.addFileParam();
			} catch (ex) {
			}
			return false;
		};
		FeaturesDemo.btnRemoveFileParam.onclick = function () {
			try {
				FeaturesDemo.removeFileParam();
			} catch (ex) {
			}
			return false;
		};
		FeaturesDemo.btnAddParam.onclick = function () {
			try {
				FeaturesDemo.addParam();
			} catch (ex) {
			}
			return false;
		};
		FeaturesDemo.btnRemoveParam.onclick = function () {
			try {
				FeaturesDemo.removeParam();
			} catch (ex) {
			}
			return false;
		};
		FeaturesDemo.btnUpdateDynamicSettings.onclick = function () {
			try {
				FeaturesDemo.updateDynamicSettings();
			} catch (ex) {
			}
			return false;
		};
		FeaturesDemo.btnReloadSWFUpload.onclick = function () {
			try {
				FeaturesDemo.reloadSWFUpload();
			} catch (ex) {
			}
			return false;
		};

		document.getElementById("spanLoadStatus").innerHTML = "loaded";
	},
	cacheFields: function () {
		if (FeaturesDemo.is_cached) {
			return;
		}
		
		FeaturesDemo.btnBrowse = document.getElementById("btnBrowse");
		FeaturesDemo.btnBrowseSingle = document.getElementById("btnBrowseSingle");
		FeaturesDemo.selQueue = document.getElementById("selQueue");
		FeaturesDemo.btnStartSelectedFile = document.getElementById("btnStartSelectedFile");
		FeaturesDemo.btnStopUpload = document.getElementById("btnStopUpload");
		FeaturesDemo.btnCancelSelectedFile = document.getElementById("btnCancelSelectedFile");
		FeaturesDemo.txtAddFileParamName = document.getElementById("txtAddFileParamName");
		FeaturesDemo.txtAddFileParamValue = document.getElementById("txtAddFileParamValue");
		FeaturesDemo.btnAddFileParam = document.getElementById("btnAddFileParam");
		FeaturesDemo.txtRemoveFileParamName = document.getElementById("txtRemoveFileParamName");
		FeaturesDemo.btnRemoveFileParam = document.getElementById("btnRemoveFileParam");
		FeaturesDemo.selParams = document.getElementById("selParams");
		FeaturesDemo.btnRemoveParam = document.getElementById("btnRemoveParam");
		FeaturesDemo.txtAddParamName = document.getElementById("txtAddParamName");
		FeaturesDemo.txtAddParamValue = document.getElementById("txtAddParamValue");
		FeaturesDemo.btnAddParam = document.getElementById("btnAddParam");
		FeaturesDemo.txtUploadTarget = document.getElementById("txtUploadTarget");
		FeaturesDemo.btnUpdateDynamicSettings = document.getElementById("btnUpdateDynamicSettings");
		FeaturesDemo.txtFlashHTML = document.getElementById("txtFlashHTML");
		FeaturesDemo.txtMovieName = document.getElementById("txtMovieName");
		FeaturesDemo.txtFilePostName = document.getElementById("txtFilePostName");
		FeaturesDemo.txtFileTypes = document.getElementById("txtFileTypes");
		FeaturesDemo.txtFileTypesDescription = document.getElementById("txtFileTypesDescription");
		FeaturesDemo.txtFileSizeLimit = document.getElementById("txtFileSizeLimit");
		FeaturesDemo.txtFileUploadLimit = document.getElementById("txtFileUploadLimit");
		FeaturesDemo.txtFileQueueLimit = document.getElementById("txtFileQueueLimit");
		FeaturesDemo.rbFlash8 = document.getElementById("rbFlash8");
		FeaturesDemo.rbFlash9 = document.getElementById("rbFlash9");
		FeaturesDemo.txtFlashColor = document.getElementById("txtFlashColor");
		FeaturesDemo.cbUseQueryString = document.getElementById("cbUseQueryString");
		FeaturesDemo.cbRequeueOnError = document.getElementById("cbRequeueOnError");
		FeaturesDemo.cbDebug = document.getElementById("cbDebug");
		FeaturesDemo.btnReloadSWFUpload = document.getElementById("btnReloadSWFUpload");
		FeaturesDemo.selEventsQueue = document.getElementById("selEventsQueue");
		FeaturesDemo.selEventsFile = document.getElementById("selEventsFile");
		FeaturesDemo.SWFUpload_Console = document.getElementById("SWFUpload_Console");
		FeaturesDemo.divServerData = document.getElementById("divServerData");

		FeaturesDemo.is_cached = true;
	},
	clearAll: function () {
		FeaturesDemo.selQueue.options.length = 0;
		FeaturesDemo.txtAddFileParamName.value = "";
		FeaturesDemo.txtAddFileParamValue.value = "";
		FeaturesDemo.txtRemoveFileParamName.value = "";
		FeaturesDemo.selParams.options.length = 0;
		FeaturesDemo.txtAddParamName.value = "";
		FeaturesDemo.txtAddParamValue.value = "";
		FeaturesDemo.txtUploadTarget.value = "";
		FeaturesDemo.txtFlashHTML.value = "";
		FeaturesDemo.txtMovieName.value = "";
		FeaturesDemo.txtFilePostName.value = "";
		FeaturesDemo.txtFileTypes.value = "";
		FeaturesDemo.txtFileTypesDescription.value = "";
		FeaturesDemo.txtFileSizeLimit.value = "";
		FeaturesDemo.txtFileUploadLimit.value = "";
		FeaturesDemo.txtFileQueueLimit.value = "";
		FeaturesDemo.rbFlash8.checked = false;
		FeaturesDemo.rbFlash9.checked = false;
		FeaturesDemo.txtFlashColor.value = "";
		FeaturesDemo.cbUseQueryString.checked = false;
		FeaturesDemo.cbRequeueOnError.checked = false;
		FeaturesDemo.cbDebug.checked = false;
		FeaturesDemo.selEventsQueue.options.length = 0;
		FeaturesDemo.selEventsFile.options.length = 0;
		FeaturesDemo.SWFUpload_Console.value = "";
		FeaturesDemo.divServerData.innerHTML = "";
	},
	loadAll: function () {
		var param_obj = FeaturesDemo.SU.settings.post_params;
		var counter = 0;
		for (var key in param_obj) {
			if (param_obj.hasOwnProperty(key)) {
				FeaturesDemo.selParams.options[counter++] = new Option(key, param_obj[key]);
			}
		}

		var flash8;
		if (FeaturesDemo.SU.settings.flash_url.indexOf('swfupload_f8.swf') > -1) {
			flash8 = true;
		} else {
			flash8 = false;
		}
		
		FeaturesDemo.txtUploadTarget.value = FeaturesDemo.SU.settings.upload_url;
		FeaturesDemo.txtFlashHTML.value = FeaturesDemo.SU.getFlashHTML();
		FeaturesDemo.txtMovieName.value = FeaturesDemo.SU.movieName;
		FeaturesDemo.txtFilePostName.value = FeaturesDemo.SU.settings.file_post_name;
		FeaturesDemo.txtFileTypes.value = FeaturesDemo.SU.settings.file_types;
		FeaturesDemo.txtFileTypesDescription.value = FeaturesDemo.SU.settings.file_types_description;
		FeaturesDemo.txtFileSizeLimit.value = FeaturesDemo.SU.settings.file_size_limit;
		FeaturesDemo.txtFileUploadLimit.value = FeaturesDemo.SU.settings.file_upload_limit;
		FeaturesDemo.txtFileQueueLimit.value = FeaturesDemo.SU.settings.file_queue_limit;
		FeaturesDemo.rbFlash8.checked = flash8;
		FeaturesDemo.rbFlash9.checked = !flash8;
		FeaturesDemo.txtFlashColor.value = FeaturesDemo.SU.settings.flash_color;
		FeaturesDemo.cbUseQueryString.checked = FeaturesDemo.SU.settings.use_query_string;
		FeaturesDemo.cbRequeueOnError.checked = FeaturesDemo.SU.settings.requeue_on_error;
		FeaturesDemo.cbDebug.checked = FeaturesDemo.SU.settings.debug;
	},

	selectFiles: function () {
		FeaturesDemo.SU.selectFiles();
	},
	selectFile: function () {
		FeaturesDemo.SU.selectFile();
	},
	startSelectedFile: function () {
		if (FeaturesDemo.selQueue.options.length === 0) {
			alert("You must queue a file first");
			return;
		}
		if (FeaturesDemo.selQueue.selectedIndex === -1) {
			alert("Please select a file from the queue.");
			return;
		}

		var file_id = FeaturesDemo.selQueue.value;
		FeaturesDemo.SU.startUpload(file_id);
	},
	stopUpload: function () {
		FeaturesDemo.SU.stopUpload();
	},
	cancelSelectedFile: function () {
		if (FeaturesDemo.selQueue.options.length === 0) {
			alert("You must queue a file first");
			return;
		}
		if (FeaturesDemo.selQueue.selectedIndex === -1) {
			alert("Please select a file from the queue.");
			return;
		}

		var file_id = FeaturesDemo.selQueue.value;
		FeaturesDemo.SU.cancelUpload(file_id);
	},
	addFileParam: function () {
		if (FeaturesDemo.selQueue.selectedIndex === -1) {
			alert("Please select a file from the queue.");
			return;
		}
		var file_id = FeaturesDemo.selQueue.value;
		var name = FeaturesDemo.txtAddFileParamName.value;
		var value = FeaturesDemo.txtAddFileParamValue.value;

		if (name === "") {
			alert("Please enter a Param name.");
			return;
		}

		if (FeaturesDemo.SU.addFileParam(file_id, name, value)) {
			FeaturesDemo.txtAddFileParamName.value = "";
			FeaturesDemo.txtAddFileParamValue.value = "";
			alert("Param added.");
		} else {
			alert("Param not added.");
		}
	},
	removeFileParam: function () {
		if (FeaturesDemo.selQueue.selectedIndex === -1) {
			alert("Please select a file from the queue.");
			return;
		}
		var file_id = FeaturesDemo.selQueue.value;
		var name = FeaturesDemo.txtRemoveFileParamName.value;

		if (name === "") {
			alert("Please enter a Param name.");
			return;
		}

		if (FeaturesDemo.SU.removeFileParam(file_id, name)) {
			FeaturesDemo.txtRemoveFileParamName.value = "";
			alert("Param removed.");
		} else {
			alert("Param not removed.");
		}
	},
	addParam: function () {
		var name = FeaturesDemo.txtAddParamName.value;
		var value = FeaturesDemo.txtAddParamValue.value;

		if (name === "") {
			alert("Please enter a Param name.");
			return;
		}

		FeaturesDemo.selParams.options[FeaturesDemo.selParams.options.length] = new Option(name, value);
		FeaturesDemo.txtAddParamName.value = "";
		FeaturesDemo.txtAddParamValue.value = "";
	},
	removeParam: function () {
		if (FeaturesDemo.selParams.selectedIndex === -1) {
			alert("Please select a Param.");
			return;
		}

		FeaturesDemo.selParams.options[FeaturesDemo.selParams.selectedIndex] = null;
	},
	updateDynamicSettings: function () {
		// Build the param object
		var params = FeaturesDemo.getParamsObject();
		FeaturesDemo.SU.setPostParams(params);
		FeaturesDemo.SU.setFileTypes(FeaturesDemo.txtFileTypes.value, FeaturesDemo.txtFileTypesDescription.value);
		FeaturesDemo.SU.setFileSizeLimit(FeaturesDemo.txtFileSizeLimit.value);
		FeaturesDemo.SU.setFileUploadLimit(FeaturesDemo.txtFileUploadLimit.value);
		FeaturesDemo.SU.setFileQueueLimit(FeaturesDemo.txtFileQueueLimit.value);
		FeaturesDemo.SU.setFilePostName(FeaturesDemo.txtFilePostName.value);
		FeaturesDemo.SU.setDebugEnabled(FeaturesDemo.cbDebug.checked);
		FeaturesDemo.SU.setUseQueryString(FeaturesDemo.cbUseQueryString.checked);
		FeaturesDemo.SU.setRequeueOnError(FeaturesDemo.cbRequeueOnError.checked);

		// We ignore any changes to the upload_url
		FeaturesDemo.txtUploadTarget.value = FeaturesDemo.SU.settings.upload_url;

		alert("Dynamic Settings updated.");
	},
	getParamsObject: function () {
		var params = {};
		for (var i = 0; i < FeaturesDemo.selParams.options.length; i++) {
			var name = FeaturesDemo.selParams.options[i].text;
			var value = FeaturesDemo.selParams.options[i].value;
			params[name] = value;
		}
		return params;
	},
	reloadSWFUpload: function () {
		try {
			FeaturesDemo.SU.stopUpload();
			FeaturesDemo.SU.movieElement.parentNode.removeChild(FeaturesDemo.SU.movieElement);
			FeaturesDemo.SU.movieElement = null;

			var flash_url = FeaturesDemo.rbFlash8.checked ? "../swfupload/swfupload_f8.swf" : "../swfupload/swfupload_f9.swf";
			
			var settings = {
				upload_url : FeaturesDemo.SU.settings.upload_url,
				use_query_string : FeaturesDemo.cbUseQueryString.checked,
				requeue_on_error : FeaturesDemo.cbRequeueOnError.checked,
				post_params : FeaturesDemo.getParamsObject(),
				file_size_limit : FeaturesDemo.txtFileSizeLimit.value,
				file_post_name : FeaturesDemo.txtFilePostName.value,
				file_types : FeaturesDemo.txtFileTypes.value,
				file_types_description : FeaturesDemo.txtFileTypesDescription.value,
				file_upload_limit : FeaturesDemo.txtFileUploadLimit.value,
				file_queue_limit : FeaturesDemo.txtFileQueueLimit.value,
				swfupload_loaded_handler : FeaturesDemoHandlers.swfUploadLoaded,
				file_queued_handler : FeaturesDemoHandlers.fileQueued,
				file_queue_error_handler : FeaturesDemoHandlers.fileQueueError,
				upload_progress_handler : FeaturesDemoHandlers.uploadProgress,
				upload_error_handler : FeaturesDemoHandlers.uploadError,
				upload_success_handler : FeaturesDemoHandlers.uploadSuccess,
				upload_complete_handler : FeaturesDemoHandlers.uploadComplete,
				debug_handler : FeaturesDemoHandlers.debug,
				flash_url : flash_url,
				flash_color : FeaturesDemo.txtFlashColor.value,
				debug : FeaturesDemo.cbDebug.checked
			};

			FeaturesDemo.clearAll();

			FeaturesDemo.SU = new SWFUpload(settings);

		} catch (ex) {
			alert(ex);
		}
	}
};