FileUpload 兼容IE8,火狐

FileUpload 上传以后还有兼容问题 加入下面的一些代码可以解决问题。代码是从网上找的 。IE8 和谷歌都是没问题的饿



jQuery
		.extend({

			createUploadIframe : function(id, uri) {
				var frameId = 'jUploadFrame' + id;

				if (window.ActiveXObject) {
					if (jQuery.browser.version == "9.0"
							|| jQuery.browser.version == "10.0") {
						var io = document.createElement('iframe');
						io.id = frameId;
						io.name = frameId;
					} else if (jQuery.browser.version == "6.0"
							|| jQuery.browser.version == "7.0"
							|| jQuery.browser.version == "8.0") {
						var io = document.createElement('<iframe id="'
								+ frameId + '" name="' + frameId + '" />');
						if (typeof uri == 'boolean') {
							io.src = 'javascript:false';
						} else if (typeof uri == 'string') {
							io.src = uri;
						}
					}
				} else {
					var io = document.createElement('iframe');
					io.id = frameId;
					io.name = frameId;
				}
				io.style.position = 'absolute';
				io.style.top = '-1000px';
				io.style.left = '-1000px';

				document.body.appendChild(io);

				return io;
			},
			createUploadForm : function(id, fileElementId, data) {
				// create form
				var formId = 'jUploadForm' + id;
				var fileId = 'jUploadFile' + id;
				var form = jQuery('<form  action="" method="POST" name="'
						+ formId + '" id="' + formId
						+ '" enctype="multipart/form-data"></form>');
				var oldElement = jQuery('#' + fileElementId);
				var newElement = jQuery(oldElement).clone();
				jQuery(oldElement).attr('id', fileId);
				jQuery(oldElement).before(newElement);
				jQuery(oldElement).appendTo(form);

				// add data
				if (data) {
					for ( var i in data) {
						$(
								'<input type="hidden" name="' + i + '" value="'
										+ data[i] + '" />').appendTo(form);
					}
				}
				// set attributes
				jQuery(form).css('position', 'absolute');
				jQuery(form).css('top', '-1200px');
				jQuery(form).css('left', '-1200px');
				jQuery(form).appendTo('body');
				return form;
			},

			ajaxFileUpload : function(s) {
				// TODO introduce global settings, allowing the client to modify
				// them for all requests, not only timeout
				s = jQuery.extend({}, jQuery.ajaxSettings, s);
				var id = s.id;
				// var id = s.fileElementId;
				var form = jQuery.createUploadForm(id, s.fileElementId, s.data);
				var io = jQuery.createUploadIframe(id, s.secureuri);
				var frameId = 'jUploadFrame' + id;
				var formId = 'jUploadForm' + id;

				if (s.global && !jQuery.active++) {
					// Watch for a new set of requests
					jQuery.event.trigger("ajaxStart");
				}
				var requestDone = false;
				// Create the request object
				var xml = {};
				if (s.global) {
					jQuery.event.trigger("ajaxSend", [ xml, s ]);
				}

				var uploadCallback = function(isTimeout) {
					// Wait for a response to come back
					var io = document.getElementById(frameId);
					try {
						if (io.contentWindow) {
							xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML
									: null;
							xml.responseXML = io.contentWindow.document.XMLDocument ? io.contentWindow.document.XMLDocument
									: io.contentWindow.document;
						} else if (io.contentDocument) {
							xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML
									: null;
							xml.responseXML = io.contentDocument.document.XMLDocument ? io.contentDocument.document.XMLDocument
									: io.contentDocument.document;
						}
					} catch (e) {
						jQuery.handleError(s, xml, null, e);
					}
					if (xml || isTimeout == "timeout") {
						requestDone = true;
						var status;
						try {
							status = isTimeout != "timeout" ? "success"
									: "error";
							// Make sure that the request was successful or
							// notmodified
							if (status != "error") {
								// process the data (runs the xml through
								// httpData regardless of callback)
								var data = jQuery.uploadHttpData(xml,
										s.dataType);
								if (s.success) {
									// ifa local callback was specified, fire it
									// and pass it the data
									s.success(data, status);
								}
								;
								if (s.global) {
									// Fire the global callback
									jQuery.event.trigger("ajaxSuccess", [ xml,
											s ]);
								}
								;
							} else {
								jQuery.handleError(s, xml, status);
							}

						} catch (e) {
							status = "error";
							jQuery.handleError(s, xml, status, e);
						}
						;
						if (s.global) {
							// The request was completed
							jQuery.event.trigger("ajaxComplete", [ xml, s ]);
						}
						;

						// Handle the global AJAX counter
						if (s.global && !--jQuery.active) {
							jQuery.event.trigger("ajaxStop");
						}
						;
						if (s.complete) {
							s.complete(xml, status);
						}
						;

						jQuery(io).unbind();
						setTimeout(function() {
							try {
								jQuery(io).remove();
								jQuery(form).remove();
							} catch (e) {
								jQuery.handleError(s, xml, null, e);
							}
						}, 100);
						xml = null;
					}
					;
				}
				// Timeout checker
				if (s.timeout > 0) {
					setTimeout(function() {
						if (!requestDone) {
							uploadCallback("timeout");
						}
					}, s.timeout);
				}
				try {
					var form = jQuery('#' + formId);
					jQuery(form).attr('action', s.url);
					jQuery(form).attr('method', 'POST');
					jQuery(form).attr('target', frameId);
					if (form.encoding) {
						form.encoding = 'multipart/form-data';
					} else {
						form.enctype = 'multipart/form-data';
					}
					jQuery(form).submit();

				} catch (e) {
					jQuery.handleError(s, xml, null, e);
				}
				/*
				 * if(window.attachEvent){
				 * document.getElementById(frameId).attachEvent('onload',
				 * uploadCallback); } else{
				 * document.getElementById(frameId).addEventListener('load',
				 * uploadCallback, false); }
				 */
				jQuery('#' + frameId).load(uploadCallback);
				return {
					abort : function() {
					}
				};

			},

			uploadHttpData : function(r, type) {
				var data = !type;
				data = type == "xml" || data ? r.responseXML : r.responseText;
				// ifthe type is "script", eval it in global context
				if (type == "script") {
					jQuery.globalEval(data);
				}

				// Get the JavaScript object, ifJSON is used.
				if (type == "json") {
					data = r.responseText;
					var start = data.indexOf(">");
					if (start != -1) {
						var end = data.indexOf("<", start + 1);
						if (end != -1) {
							data = data.substring(start + 1, end);
						}
					}
					eval("data = " + data);
				}

				// evaluate scripts within html
				if (type == "html") {
					jQuery("<div>").html(data).evalScripts();
				}

				return data;
			},
			handleError : function(s, xhr, status, e) {
				// If a local callback was specified, fire it
				if (s.error) {
					s.error.call(s.context || s, xhr, status, e);
				}
				// Fire the global callback
				if (s.global) {
					(s.context ? jQuery(s.context) : jQuery.event).trigger(
							"ajaxError", [ xhr, s, e ]);
				}
			}
		});


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值